@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
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, .edm, .sitemap, .patent .info, .web_link, .cp .info, .subquick .link_box a.more, .subquick .link_box ul, .subquick .link_box, body > .quick_link ul, .dashboard .container .dataSlider, .dashboard .container .ratio, .multimedia .container .media_block .lazy, .multimedia .container, .tool .container .tag, .tool .container, .tab_block .news .col .item, .tab_block .global .col .item, .tab_block .seminar .col .item, .tab_block a.more, .main, div.tag, .category, .pagination, div.function, .fatfooter .fat_btn, .fatfooter, .search.m_search .keywordHot, .header .navigation, .header, .tabSet, .divider, .divider-vertical, .container, .row {
  clear: both;
  zoom: 1;
}
.Syncing_slider:before, .slick-lightbox-slick-caption:before, .edm:before, .sitemap:before, .patent .info:before, .web_link:before, .cp .info:before, .subquick .link_box a.more:before, .subquick .link_box ul:before, .subquick .link_box:before, body > .quick_link ul:before, .dashboard .container .dataSlider:before, .dashboard .container .ratio:before, .multimedia .container .media_block .lazy:before, .multimedia .container:before, .tool .container .tag:before, .tool .container:before, .tab_block .news .col .item:before, .tab_block .global .col .item:before, .tab_block .seminar .col .item:before, .tab_block a.more:before, .main:before, div.tag:before, .category:before, .pagination:before, div.function:before, .fatfooter .fat_btn:before, .fatfooter:before, .search.m_search .keywordHot:before, .header .navigation:before, .header:before, .tabSet:before, .divider:before, .divider-vertical:before, .container:before, .row:before, .Syncing_slider:after, .slick-lightbox-slick-caption:after, .edm:after, .sitemap:after, .patent .info:after, .web_link:after, .cp .info:after, .subquick .link_box a.more:after, .subquick .link_box ul:after, .subquick .link_box:after, body > .quick_link ul:after, .dashboard .container .dataSlider:after, .dashboard .container .ratio:after, .multimedia .container .media_block .lazy:after, .multimedia .container:after, .tool .container .tag:after, .tool .container:after, .tab_block .news .col .item:after, .tab_block .global .col .item:after, .tab_block .seminar .col .item:after, .tab_block a.more:after, .main:after, div.tag:after, .category:after, .pagination:after, div.function:after, .fatfooter .fat_btn:after, .fatfooter:after, .search.m_search .keywordHot:after, .header .navigation:after, .header:after, .tabSet:after, .divider:after, .divider-vertical:after, .container:after, .row:after {
  content: "";
  display: table;
}
.Syncing_slider:after, .slick-lightbox-slick-caption:after, .edm:after, .sitemap:after, .patent .info:after, .web_link:after, .cp .info:after, .subquick .link_box a.more:after, .subquick .link_box ul:after, .subquick .link_box:after, body > .quick_link ul:after, .dashboard .container .dataSlider:after, .dashboard .container .ratio:after, .multimedia .container .media_block .lazy:after, .multimedia .container:after, .tool .container .tag:after, .tool .container:after, .tab_block .news .col .item:after, .tab_block .global .col .item:after, .tab_block .seminar .col .item:after, .tab_block a.more:after, .main:after, div.tag:after, .category:after, .pagination:after, div.function:after, .fatfooter .fat_btn:after, .fatfooter:after, .search.m_search .keywordHot:after, .header .navigation:after, .header:after, .tabSet:after, .divider:after, .divider-vertical:after, .container:after, .row:after {
  clear: both;
}

/* @include transition(all,2s,ease-out); */
/*範例：*/
/* button{*/
/* 	@include opacity(0.8);*/
/* }*/
/*https://medium.com/@vilcins/usefull-sass-mixins-7a68c5491bda*/
/* Grid system*/
/*== Media queries breakpoints*/
/**/
/*## Define the breakpoints at which your layout will change, adapting to different screen sizes.*/
/* Extra small screen / phone*/
/*** Deprecated `$screen-xs` as of v3.0.1*/
/* $screen-xs:                  480px !default;*/
/*** Deprecated `$screen-xs-min` as of v3.2.0*/
/*** Deprecated `$screen-phone` as of v3.0.1*/
/* Small screen / tablet*/
/*** Deprecated `$screen-sm` as of v3.0.1*/
/* $screen-sm:                  768px !default;*/
/*** Deprecated `$screen-tablet` as of v3.0.1*/
/* Medium screen / desktop*/
/*** Deprecated `$screen-md` as of v3.0.1*/
/* $screen-md:                  992px !default;*/
/*** Deprecated `$screen-desktop` as of v3.0.1*/
/* Large screen / wide desktop*/
/*** Deprecated `$screen-lg` as of v3.0.1*/
/* $screen-lg:                  1400px !default;*/
/*** Deprecated `$screen-lg-desktop` as of v3.0.1*/
/* So media queries don't overlap when required, provide a maximum*/
/*== Grid system*/
/**/
/*## Define your custom responsive grid.*/
/*** Number of columns in the grid.*/
/* $grid-columns:              12 !default;*/
/*** Padding between columns. Gets divided in half for the left and right.*/
/* $grid-gutter-width:         30px !default;*/
/* Navbar collapse*/
/*** Point at which the navbar becomes uncollapsed.*/
/*** Point at which the navbar begins collapsing.*/
/*== Container sizes*/
/**/
/*## Define the maximum width of `.container` for different screen sizes.*/
/* Small screen / tablet*/
/*** For `$screen-sm-min` and up.*/
/* Medium screen / desktop*/
/*** For `$screen-md-min` and up.*/
/* Large screen / wide desktop*/
/*** For `$screen-lg-min` and up.*/
/* Centered container element*/
/* Creates a wrapper for a series of columns*/
/* Generate the extra small columns*/
/* Generate the small columns*/
/* Generate the medium columns*/
/* Generate the large columns*/
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.row > div {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.container {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

footer .footer_link li a:after, .breadcrumb ul li:before {
  content: " / ";
  display: inline-block;
  display: inline-block;
  padding: 0px 0px;
  margin: 0px 5px 0px 3px;
  color: #0b0000;
}

.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 #2752aa;
  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: "Noto Sans TC", sans-serif;
  -webkit-text-size-adjust: none;
  overflow-x: hidden;
}

a {
  color: #008477;
  text-decoration: none;
}
a:hover, a:focus {
  color: #00b7a5;
  cursor: pointer;
}

.demosection {
  padding: 0em 0 3em;
  text-align: center;
}
.demosection [class^=col] {
  border: 1px solid #21BAFF;
  background: #baeaff;
  min-height: 200px;
  color: #888888;
  text-align: center;
  line-height: 200px;
  font-size: 1.5em;
  font-weight: bold;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.demosection + .demosection {
  padding-top: 2em;
}
.demosection + .bg {
  background: #b0c4ed;
}
.demosection.full .container {
  max-width: 100% !important;
}

.full .container {
  max-width: 100% !important;
}

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

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

.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%;
  }
}
.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-2-2-2-2-2-2 .col {
  float: left;
  width: 50%;
}
@media (min-width: 768px) {
  .col-2-2-2-2-2-2 .col {
    float: left;
    width: 16.6666666667%;
  }
}
@media (min-width: 992px) {
  .col-2-2-2-2-2-2 .col {
    float: left;
    width: 16.6666666667%;
  }
}
@media (min-width: 1400px) {
  .col-2-2-2-2-2-2 .col {
    float: left;
    width: 16.6666666667%;
  }
}

.cssname .news {
  float: left;
  width: 100%;
}
@media (min-width: 768px) {
  .cssname .news {
    float: left;
    width: 66.6666666667%;
  }
}
@media (min-width: 992px) {
  .cssname .news {
    float: left;
    width: 66.6666666667%;
  }
}
@media (min-width: 1400px) {
  .cssname .news {
    float: left;
    width: 66.6666666667%;
  }
}
.cssname .video {
  float: left;
  width: 100%;
}
@media (min-width: 768px) {
  .cssname .video {
    float: left;
    width: 33.3333333333%;
  }
}
@media (min-width: 992px) {
  .cssname .video {
    float: left;
    width: 33.3333333333%;
  }
}
@media (min-width: 1400px) {
  .cssname .video {
    float: left;
    width: 33.3333333333%;
  }
}

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

.col-5 .col {
  float: left;
  width: 100%;
}
@media (min-width: 768px) {
  .col-5 .col {
    float: left;
    width: 16.6666666667%;
  }
}
@media (min-width: 992px) {
  .col-5 .col {
    float: left;
    width: 16.6666666667%;
  }
}
@media (min-width: 1400px) {
  .col-5 .col {
    float: left;
    width: 16.6666666667%;
  }
}
.col-5 .col:first-child {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-5 .col:first-child {
    margin-left: 8.3333333333%;
  }
}
@media (min-width: 992px) {
  .col-5 .col:first-child {
    margin-left: 8.3333333333%;
  }
}
@media (min-width: 1400px) {
  .col-5 .col:first-child {
    margin-left: 8.3333333333%;
  }
}

.breadcrumb {
  padding: 0.1em 0 0 1em;
  font-size: 0.938em;
  margin: 0px auto 5px;
  background: url(../images/icon_home.png) no-repeat left center;
}
.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: #00b7a5;
  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;
}

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

.btn {
  padding: 0.5em 2em !important;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #DDD;
  border: 1px solid #c4c4c4;
  color: #222;
  -webkit-box-shadow: 0px 2px 2px RGBA(0, 0, 0, 0.08);
          box-shadow: 0px 2px 2px RGBA(0, 0, 0, 0.08);
  border-radius: 2px;
  text-shadow: RGBA(0, 0, 0, 0.3) 0px 0px 0px;
  background: #f7f7f7;
  background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#DADADA));
  background: linear-gradient(to bottom, #f7f7f7, #DADADA);
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.btn:hover, .btn:focus {
  background: #c4c4c4;
  cursor: pointer;
  color: #FFF;
}
.btn:focus {
  -webkit-box-shadow: 0px 0px 0px 3px white;
          box-shadow: 0px 0px 0px 3px white;
  outline: none;
}
.btn.active {
  background: #eaeaea;
  cursor: pointer;
}
.btn:hover, .btn:focus {
  color: #222;
  background: #fAfAfA;
  background: -webkit-gradient(linear, left top, left bottom, from(#fAfAfA), to(#CDCDCD));
  background: linear-gradient(to bottom, #fAfAfA, #CDCDCD);
}

.btn-green {
  background: #5CB85C;
  border: 1px solid #449d44;
  color: #FFF;
  -webkit-box-shadow: 0px 2px 2px RGBA(0, 0, 0, 0.08);
          box-shadow: 0px 2px 2px RGBA(0, 0, 0, 0.08);
  border-radius: 2px;
}
.btn-green:hover, .btn-green:focus {
  background: #449d44;
  cursor: pointer;
  color: #FFF;
}
.btn-green:focus {
  -webkit-box-shadow: 0px 0px 0px 3px #b5dfb5;
          box-shadow: 0px 0px 0px 3px #b5dfb5;
  outline: none;
}
.btn-green.active {
  background: #6ec06e;
  cursor: pointer;
}

.btn-blue {
  background: #21BAFF;
  border: 1px solid #00a3ed;
  color: #FFF;
  -webkit-box-shadow: 0px 2px 2px RGBA(0, 0, 0, 0.08);
          box-shadow: 0px 2px 2px RGBA(0, 0, 0, 0.08);
  border-radius: 2px;
}
.btn-blue:hover, .btn-blue:focus {
  background: #00a3ed;
  cursor: pointer;
  color: #FFF;
}
.btn-blue:focus {
  -webkit-box-shadow: 0px 0px 0px 3px #a1e2ff;
          box-shadow: 0px 0px 0px 3px #a1e2ff;
  outline: none;
}
.btn-blue.active {
  background: #3bc2ff;
  cursor: pointer;
}

.btn-yellow {
  background: #FCC211;
  border: 1px solid #d7a303;
  color: #FFF;
  -webkit-box-shadow: 0px 2px 2px RGBA(0, 0, 0, 0.08);
          box-shadow: 0px 2px 2px RGBA(0, 0, 0, 0.08);
  border-radius: 2px;
}
.btn-yellow:hover, .btn-yellow:focus {
  background: #d7a303;
  cursor: pointer;
  color: #FFF;
}
.btn-yellow:focus {
  -webkit-box-shadow: 0px 0px 0px 3px #fee28f;
          box-shadow: 0px 0px 0px 3px #fee28f;
  outline: none;
}
.btn-yellow.active {
  background: #fcc82a;
  cursor: pointer;
}

.btn-orange {
  background: #F77810;
  border: 1px solid #cd6007;
  color: #FFF;
  -webkit-box-shadow: 0px 2px 2px RGBA(0, 0, 0, 0.08);
          box-shadow: 0px 2px 2px RGBA(0, 0, 0, 0.08);
  border-radius: 2px;
}
.btn-orange:hover, .btn-orange:focus {
  background: #cd6007;
  cursor: pointer;
  color: #FFF;
}
.btn-orange:focus {
  -webkit-box-shadow: 0px 0px 0px 3px #fbbe8b;
          box-shadow: 0px 0px 0px 3px #fbbe8b;
  outline: none;
}
.btn-orange.active {
  background: #f88629;
  cursor: pointer;
}

.btn-red {
  background: #FF3E4D;
  border: 1px solid #ff0b1e;
  color: #FFF;
  -webkit-box-shadow: 0px 2px 2px RGBA(0, 0, 0, 0.08);
          box-shadow: 0px 2px 2px RGBA(0, 0, 0, 0.08);
  border-radius: 2px;
}
.btn-red:hover, .btn-red:focus {
  background: #ff0b1e;
  cursor: pointer;
  color: #FFF;
}
.btn-red:focus {
  -webkit-box-shadow: 0px 0px 0px 3px #ffbec3;
          box-shadow: 0px 0px 0px 3px #ffbec3;
  outline: none;
}
.btn-red.active {
  background: #ff5865;
  cursor: pointer;
}

.btn-purple {
  background: #AA5AC5;
  border: 1px solid #923daf;
  color: #FFF;
  -webkit-box-shadow: 0px 2px 2px RGBA(0, 0, 0, 0.08);
          box-shadow: 0px 2px 2px RGBA(0, 0, 0, 0.08);
  border-radius: 2px;
}
.btn-purple:hover, .btn-purple:focus {
  background: #923daf;
  cursor: pointer;
  color: #FFF;
}
.btn-purple:focus {
  -webkit-box-shadow: 0px 0px 0px 3px #dbb8e6;
          box-shadow: 0px 0px 0px 3px #dbb8e6;
  outline: none;
}
.btn-purple.active {
  background: #b46dcc;
  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;
}

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

/*for IE */
.imgOuter {
  position: relative;
}

.img-container {
  width: 100%;
  position: relative;
  background: #F2F2F2;
}
.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 #00b7a5 inset;
          box-shadow: 0 0px 0px 2px #00b7a5 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;
}

[tooltip] {
  position: relative;
}

[tooltip]:before,
[tooltip]:after {
  text-transform: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
}

[tooltip]:before {
  content: "";
  border: 5px solid transparent;
  z-index: 1001;
}

[tooltip]:after {
  content: attr(tooltip);
  text-align: left;
  min-width: 150px;
  line-height: 1.5em;
  max-width: 300px;
  font-size: 0.813em;
  max-height: 5.182875em;
  overflow: hidden;
  padding: 0.5em;
  border-radius: 4px;
  -webkit-box-shadow: 0 1em 2em -0.5em rgba(0, 0, 0, 0.35);
          box-shadow: 0 1em 2em -0.5em rgba(0, 0, 0, 0.35);
  background: #333;
  color: #fff;
  z-index: 1000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

[tooltip]:hover:before,
[tooltip]:hover:after {
  display: block;
}

[tooltip=""]:before,
[tooltip=""]:after {
  display: none !important;
}

[tooltip]:not([flow]):before,
[tooltip][flow^=up]:before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #333;
}

[tooltip]:not([flow]):after,
[tooltip][flow^=up]:after {
  bottom: calc(100% + 5px);
}

[tooltip]:not([flow]):before,
[tooltip]:not([flow]):after,
[tooltip][flow^=up]:before,
[tooltip][flow^=up]:after {
  left: 50%;
  -webkit-transform: translate(-50%, -0.5em);
          transform: translate(-50%, -0.5em);
}

[tooltip][flow^=down]:before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #333;
}

[tooltip][flow^=down]:after {
  top: calc(100% + 5px);
}

[tooltip][flow^=down]:before,
[tooltip][flow^=down]:after {
  left: 50%;
  -webkit-transform: translate(-50%, 0.5em);
          transform: translate(-50%, 0.5em);
}

[tooltip][flow^=left]:before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #333;
  left: calc(0em - 5px);
  -webkit-transform: translate(-0.5em, -50%);
          transform: translate(-0.5em, -50%);
}

[tooltip][flow^=left]:after {
  top: 50%;
  right: calc(100% + 5px);
  -webkit-transform: translate(-0.5em, -50%);
          transform: translate(-0.5em, -50%);
}

[tooltip][flow^=right]:before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #333;
  right: calc(0em - 5px);
  -webkit-transform: translate(0.5em, -50%);
          transform: translate(0.5em, -50%);
}

[tooltip][flow^=right]:after {
  top: 50%;
  left: calc(100% + 5px);
  -webkit-transform: translate(0.5em, -50%);
          transform: translate(0.5em, -50%);
}

@-webkit-keyframes tooltips-vert {
  to {
    opacity: 0.9;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}

@keyframes tooltips-vert {
  to {
    opacity: 0.9;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}
@-webkit-keyframes tooltips-horz {
  to {
    opacity: 0.9;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
}
@keyframes tooltips-horz {
  to {
    opacity: 0.9;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
}
/* FX All The Things */
[tooltip]:not([flow]):hover:before,
[tooltip]:not([flow]):hover:after,
[tooltip][flow^=up]:hover:before,
[tooltip][flow^=up]:hover:after,
[tooltip][flow^=down]:hover:before,
[tooltip][flow^=down]:hover:after {
  -webkit-animation: tooltips-vert 300ms ease-out forwards;
          animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^=left]:hover:before,
[tooltip][flow^=left]:hover:after,
[tooltip][flow^=right]:hover:before,
[tooltip][flow^=right]:hover:after {
  -webkit-animation: tooltips-horz 300ms ease-out forwards;
          animation: tooltips-horz 300ms ease-out forwards;
}

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

.tabs {
  position: relative;
}
.tabs > .tabItem {
  float: left;
  margin: 0;
  padding: 0;
  font-size: 1.5em;
  line-height: 1;
}
.tabs > .tabItem.active > a {
  color: #193b75;
}
@media screen and (max-width: 767px) {
  .tabs > .tabItem.active > a {
    color: #FFF;
    background: rgb(3, 173, 158);
    background: -webkit-gradient(linear, left top, right top, from(rgb(3, 173, 158)), color-stop(25%, rgb(77, 177, 199)), to(rgb(33, 51, 124)));
    background: linear-gradient(90deg, rgb(3, 173, 158) 0%, rgb(77, 177, 199) 25%, rgb(33, 51, 124) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#03ad9e",endColorstr="#21337c",GradientType=1);
  }
}
@media screen and (max-width: 767px) {
  .tabs > .tabItem.active > a:hover, .tabs > .tabItem.active > a:focus {
    color: #FFF;
  }
}
.tabs > .tabItem.active:after {
  background: rgb(3, 173, 158);
  background: -webkit-gradient(linear, left top, right top, from(rgb(3, 173, 158)), color-stop(25%, rgb(77, 177, 199)), to(rgb(33, 51, 124)));
  background: linear-gradient(90deg, rgb(3, 173, 158) 0%, rgb(77, 177, 199) 25%, rgb(33, 51, 124) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#03ad9e",endColorstr="#21337c",GradientType=1);
}
@media screen and (max-width: 767px) {
  .tabs > .tabItem {
    float: none;
  }
  .tabs > .tabItem > a {
    width: 100% !important;
    border-bottom: 1px solid #888;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .tabs > .tabItem > a {
    background: #F1F1F1;
    border-bottom: 1px solid #FFF;
  }
}
@media screen and (max-width: 767px) {
  .tabs > .tabItem.active > a {
    border-color: #bbb;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .tabs > .tabItem.active > a {
    border-color: transparent;
  }
}
.tabs > .tabItem:after {
  background: #DDD;
  left: 0;
  width: 100%;
  bottom: -0.5em;
  margin-left: 0;
}
@media screen and (max-width: 767px) {
  .tabs > .tabItem:after {
    height: 1px;
  }
}
.tabs > .tabItem > a {
  display: block;
  padding: 16px 0 14px;
  text-align: center;
  color: #222;
  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 {
  color: #00b7a5;
}
@media screen and (max-width: 767px) {
  .tabs > .tabItem > a:hover {
    color: #FFF;
    background: #08aea1;
    background: -webkit-gradient(linear, left top, right top, from(#08aea1), to(#0788d0));
    background: linear-gradient(to right, #08aea1, #0788d0);
  }
}

.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: 767px) {
  .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: 767px) {
  .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: #00b7a5;
  cursor: pointer;
}
.tabContent li time {
  display: inline-block;
  margin: 0 0 0 1em;
  font-size: 0.813em;
  color: #555;
}

table {
  width: 100%;
  border-collapse: collapse;
}
@media screen and (max-width: 575px) {
  table {
    width: 100%;
  }
}
table th,
table td {
  padding: 0.5em;
  text-align: left;
}
table td {
  border-bottom: #ddd 1px solid;
}
table td.center {
  text-align: center;
}
table th {
  background-color: #444;
  color: #fff;
  text-align: center;
  white-space: nowrap;
}
table.table_hover tr:hover {
  background: #F3F3F3;
}
table.table_sprite tr:nth-child(even) {
  background: #F5F5F5;
}

@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;
  }
  .table_list td {
    border: none !important;
    border-bottom: 1px solid #eee !important;
    position: relative;
    padding-left: 35% !important;
    white-space: normal;
    text-align: left;
  }
  .table_list td:before {
    content: attr(data-title);
    position: absolute;
    top: 0.5em;
    left: 0.5em;
    width: 30%;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
    font-weight: bold;
    color: #000;
  }
}

.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;
  display: block;
  clear: both;
}
.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;
}
@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%;
  }
}

form .form_grp,
form .check_grp,
form .radio_grp,
form .btn_grp,
form .upload_grp {
  margin-bottom: 0.2em;
}
form .check_grp label,
form .radio_grp label {
  display: block;
}
form .check_grp.form_inline label,
form .radio_grp.form_inline label {
  display: inline-block;
  margin: 0.2em 0.5em 0 0;
}
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;
}
form .form_grp .form_content.form_inline input {
  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: 2px;
  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: #CCC;
}
input[type=text]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=file]::-moz-placeholder {
  /* Firefox 19+ */
  color: #CCC;
}
input[type=text]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=file]:-ms-input-placeholder {
  /* IE 10+ */
  color: #CCC;
}
input[type=text]:-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=file]:-moz-placeholder {
  /* Firefox 18- */
  color: #CCC;
}

button,
input[type=button] {
  background: #4bb5c8;
  border: 1px solid #3499ac;
  color: #FFF;
  -webkit-box-shadow: 0px 2px 2px RGBA(0, 0, 0, 0.08);
          box-shadow: 0px 2px 2px RGBA(0, 0, 0, 0.08);
  border-radius: 2px;
}
button:hover, button:focus,
input[type=button]:hover,
input[type=button]:focus {
  background: #3499ac;
  cursor: pointer;
  color: #FFF;
}
button:focus,
input[type=button]:focus {
  -webkit-box-shadow: 0px 0px 0px 3px #addde6;
          box-shadow: 0px 0px 0px 3px #addde6;
  outline: none;
}
button.active,
input[type=button].active {
  background: #5fbdce;
  cursor: pointer;
}

input[type=submit] {
  background: #4bb5c8;
  border: 1px solid #3499ac;
  color: #FFF;
  -webkit-box-shadow: 0px 2px 2px RGBA(0, 0, 0, 0.08);
          box-shadow: 0px 2px 2px RGBA(0, 0, 0, 0.08);
  border-radius: 2px;
  background: #4bb5c8;
  background: -webkit-gradient(linear, left top, left bottom, from(#4bb5c8), to(#4bb5c8));
  background: linear-gradient(to bottom, #4bb5c8, #4bb5c8);
}
input[type=submit]:hover, input[type=submit]:focus {
  background: #3499ac;
  cursor: pointer;
  color: #FFF;
}
input[type=submit]:focus {
  -webkit-box-shadow: 0px 0px 0px 3px #addde6;
          box-shadow: 0px 0px 0px 3px #addde6;
  outline: none;
}
input[type=submit].active {
  background: #5fbdce;
  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: 2px;
  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 #99d5e0;
  -webkit-box-shadow: 0px 0px 0px 2px #99d5e0;
          box-shadow: 0px 0px 0px 2px #99d5e0;
  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: #999999;
  border: 1px solid gray;
  color: #FFF;
  -webkit-box-shadow: 0px 2px 2px RGBA(0, 0, 0, 0.08);
          box-shadow: 0px 2px 2px RGBA(0, 0, 0, 0.08);
  border-radius: 2px;
  text-shadow: none;
}
input[type=reset]:hover, input[type=reset]:focus {
  background: gray;
  cursor: pointer;
  color: #FFF;
}
input[type=reset]:focus {
  -webkit-box-shadow: 0px 0px 0px 3px #d9d9d9;
          box-shadow: 0px 0px 0px 3px #d9d9d9;
  outline: none;
}
input[type=reset].active {
  background: #a6a6a6;
  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;
}

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

input[type=checkbox]:checked,
input[type=radio]:checked {
  border-color: #4bb5c8;
  background-color: #4bb5c8;
  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: #4bb5c8 0 0 0 1px;
          box-shadow: #4bb5c8 0 0 0 1px;
  border-radius: 2px;
  background-clip: padding-box;
}

input[type=radio]:checked {
  -webkit-box-shadow: #fff 0 0 0 3px inset, #4bb5c8 0 0 0 1px;
          box-shadow: #fff 0 0 0 3px inset, #4bb5c8 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: #4bb5c8;
  border: 1px solid #3499ac;
  color: #FFF;
  -webkit-box-shadow: 0px 2px 2px RGBA(0, 0, 0, 0.08);
          box-shadow: 0px 2px 2px RGBA(0, 0, 0, 0.08);
  border-radius: 2px;
  padding: 0.2em 1em !important;
  border-radius: 4px;
  background-clip: padding-box;
}
.upload_grp .upload_btn:hover, .upload_grp .upload_btn:focus {
  background: #3499ac;
  cursor: pointer;
  color: #FFF;
}
.upload_grp .upload_btn:focus {
  -webkit-box-shadow: 0px 0px 0px 3px #addde6;
          box-shadow: 0px 0px 0px 3px #addde6;
  outline: none;
}
.upload_grp .upload_btn.active {
  background: #5fbdce;
  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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

a:focus {
  outline: none;
  -webkit-box-shadow: 0 0px 0px 1px #00b7a5 inset;
          box-shadow: 0 0px 0px 1px #00b7a5 inset;
}
@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;
}
@media screen and (max-width: 767px) {
  .accesskey {
    display: none;
  }
}
.accesskey:hover, .accesskey:focus {
  color: #21BAFF;
}

.innerpage .accesskey {
  top: 50px;
}

a.more {
  display: block;
  width: 10em;
  text-align: center;
  margin: 0.5em auto 0.5em;
  line-height: 3em;
  color: #008477;
  border: 2px solid #008477;
  text-align: center;
  overflow: hidden;
  vertical-align: middle;
  -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;
  background: #fff;
  border-radius: 30px;
}
a.more:after {
  content: "";
  width: 12px;
  height: 12px;
  border: 2px solid #FFF;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  right: -10px;
  top: 17px;
  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: #00b7a5;
  -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;
  border-radius: 30px;
}
a.more:hover, a.more:focus, a.more.active {
  color: white;
  background: #00b7a5;
  border: 2px solid #00b7a5;
}
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;
  bottom: 0.5em;
  right: 10px;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  display: none;
  z-index: 99;
  text-indent: -999999px;
}
@media screen and (max-width: 767px) {
  .scrollToTop {
    bottom: 3.5em;
  }
}
.scrollToTop:hover, .scrollToTop:focus {
  background: url(../images/basic/top.png) no-repeat center top #F77810;
  -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;
}

.header {
  position: relative;
  z-index: 99;
  height: 8em;
  width: 100%;
  background: rgb(0, 0, 0);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgb(0, 0, 0)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(180deg, rgb(0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
}
@media screen and (max-width: 767px) {
  .header {
    position: fixed;
    width: 100%;
    height: 60px;
    background: #111;
  }
}
.header.inner_header {
  background: #000;
}
.header > .container .searchCtrl, .header > .container .sidebarCtrl {
  width: 60px !important;
  height: 60px !important;
  position: absolute;
  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;
  top: 44px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .header > .container .searchCtrl, .header > .container .sidebarCtrl {
    display: block !important;
  }
}
.header > .container .searchCtrl:focus:after, .header > .container .sidebarCtrl:focus:after {
  content: "";
  -webkit-box-shadow: 0px 0px 0px 1px #00efd8;
          box-shadow: 0px 0px 0px 1px #00efd8;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}
.header > .container {
  max-width: 1200px;
  overflow: visible;
  position: relative;
}
.header > .container .sidebarCtrl {
  right: 60px;
}
.header > .container .sidebarCtrl span {
  position: absolute;
  background: #FFF;
  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 {
    left: 0;
    top: 0;
  }
}
.header > .container .searchCtrl {
  right: 0px;
  font-size: 0em;
}
.header > .container .searchCtrl:before {
  width: 40px;
  height: 40px;
  background: url(../images/basic/icon_search.png) no-repeat center center;
  background-size: 28px;
  opacity: 1;
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  display: block;
}
@media screen and (max-width: 767px) {
  .header > .container .searchCtrl {
    top: 0;
  }
}
.header h1 {
  position: absolute;
  width: 275px;
  height: 90px;
  margin: 0;
  padding: 0;
  left: 0em;
  top: 0.7em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.header h1 a {
  display: inline-block;
}
.header h1 img {
  display: block;
  max-width: 275px;
  max-height: 90px;
}
@media screen and (max-width: 767px) {
  .header h1 {
    padding: 2px 60px;
    width: auto;
    text-align: center;
    height: 60px;
    left: 60px;
    right: 60px;
    top: auto;
    background: url(../images/logo_m.png) no-repeat center center;
    background-size: contain;
  }
  .header h1 img {
    width: auto;
    height: auto;
    max-height: 54px;
    margin: 0px auto;
    opacity: 0;
  }
}
.header .navigation {
  overflow: hidden;
  width: 100%;
  right: 0;
  margin-bottom: 0.5em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 0;
}
.header .navigation.have_language {
  padding-right: 160px;
}
@media screen and (max-width: 767px) {
  .header .navigation {
    display: none;
  }
}
.header .navigation ul {
  float: right;
  margin: 0;
  padding: 0;
  list-style: none;
  list-style: none;
}
.header .navigation ul.left_nav {
  float: left;
  margin-left: 2em;
}
.header .navigation li {
  float: left;
  font-size: 0.938em;
  display: block;
  margin-right: 0.5em;
}
.header .navigation li a {
  color: #FFF;
  display: block;
  padding: 0.5em;
  text-align: center;
}
.header .navigation li a:hover, .header .navigation li a:focus {
  color: #00efd8;
}
.header .navigation .language {
  position: absolute;
  right: 15px;
  top: 0.35em;
  font-size: 0.75em;
}
.header .quick_link {
  position: absolute;
  width: 30%;
  height: 4em;
  left: 280px;
  top: 3em;
}
@media screen and (max-width: 767px) {
  .header .quick_link {
    display: none;
  }
}
.header .quick_link ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.header .quick_link ul li {
  float: left;
  width: 30%;
  display: block;
  margin-right: 2%;
}
.header .quick_link ul li a {
  border: 1px solid #FFF;
  color: #FFF;
  display: block;
  padding: 1em 0.5em;
  text-align: center;
}
.header .quick_link ul li a:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.header .quick_link ul li:first-child a:hover, .header .quick_link ul li:first-child a:focus {
  background: #770f5a;
  border: 1px solid #770f5a;
}
.header .quick_link ul li:nth-child(2) a:hover, .header .quick_link ul li:nth-child(2) a:focus {
  background: #016ccf;
  border: 1px solid #016ccf;
}
.header .quick_link ul li:last-child {
  margin-right: 0;
  width: 36%;
}
.header .quick_link ul li:last-child a:hover, .header .quick_link ul li:last-child a:focus {
  background: #008477;
  border: 1px solid #008477;
}

.search {
  min-width: 30%;
  max-width: 50%;
  position: absolute;
  right: 1em;
  top: 6em;
  vertical-align: middle;
  padding: 1em;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: none;
  border-radius: 0.2em;
  background: RGBA(0, 0, 0, 0.75);
}
.search label {
  font-size: 0em;
  height: 0;
  padding: 0;
  margin: 0;
  display: none;
}
.search .form_grp {
  margin-bottom: 0;
  float: left;
  margin-right: 0.3em;
  width: 70%;
}
.search .form_grp input {
  margin: -0.2em 0 0;
  padding: 0.2em 35px 0.2em 0.5em;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.search .form_grp input[type=text] {
  margin-top: 4px;
}
.search .form_grp input[type=text]:focus {
  -webkit-box-shadow: 0px 0px 0px 3px #00b7a5;
          box-shadow: 0px 0px 0px 3px #00b7a5;
  outline: none;
  border: none;
}
.search .form_grp input[type=submit] {
  font-size: 0em;
  width: 30px !important;
  height: 30px;
  background: url(../images/basic/icon_search_black.png) no-repeat center center;
  background-size: 20px;
  border: none;
  display: block;
  opacity: 0.8;
  margin-top: -30px;
  margin-left: auto;
  margin-right: 0.2em;
  position: relative;
  z-index: 1;
}
.search .form_grp input[type=submit]:focus {
  opacity: 1;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  outline: 2px solid #00b7a5;
}
.search .btn_grp {
  padding: 0.2em;
  margin-bottom: 0;
  float: right;
}
.search .btn_grp input, .search .btn_grp input[type=submit] {
  margin: 0;
  padding: 0.4em 1em 0.4em !important;
  font-size: 0.813em;
  background: #FCC211;
  border: 1px solid #FCC211;
  color: #000;
}
.search .btn_grp input:focus, .search .btn_grp input[type=submit]:focus {
  background: #00efd8;
  border: 1px solid #00efd8;
}
.search .keywordHot {
  display: block;
  vertical-align: middle;
  margin-left: 0.5em;
  padding: 0.1em 0 0.3em;
  clear: both;
}
.search .keywordHot ul {
  display: inline-block;
  font-size: 0.813em;
  line-height: 1.65em;
  margin: 0;
  padding: 0;
}
.search .keywordHot ul:before {
  display: inline-block;
  content: "";
  color: #999;
  float: left;
}
.search .keywordHot ul li {
  margin: 0 0.6em 0 0;
  padding: 0;
  display: inline-block;
}
.search .keywordHot ul a {
  color: #FFF;
}
.search .keywordHot ul a:hover, .search .keywordHot ul a:focus {
  color: #00efd8;
}
.search.m_search {
  width: 100% !important;
  max-width: 100% !important;
  min-width: auto;
  padding: 0.8em 0.3em;
  display: block;
  height: auto;
  position: fixed;
  top: 60px;
  left: 0;
  z-index: 98;
  border-radius: 0;
  background: #333;
}
.search.m_search label {
  font-size: 0em;
  line-height: 0;
}
.search.m_search .form_grp {
  width: 70%;
  height: auto;
  padding: 0 0 0 5% !important;
  margin-top: 0;
  text-align: right;
  float: left;
  height: 50px;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.search.m_search .form_grp label {
  display: none;
}
.search.m_search .form_grp input {
  width: 100%;
  margin: 0;
  padding: 0.5em 45px 0.4em 0.5em;
}
.search.m_search .form_grp input[type=submit] {
  font-size: 0em;
  width: 36px !important;
  height: 36px;
  padding: 0;
  background: url(../images/basic/icon_search_black.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: 26%;
  text-align: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.search.m_search .btn_grp input {
  width: 100% !important;
  padding: 0.6em 0.5em !important;
  margin: 0;
}
.search.m_search .keywordHot {
  padding-left: 5%;
  margin-top: 10px;
}
.search.m_search .keywordHot a {
  color: #FFF;
}
.search.m_search .keywordHot a:hover, .search.m_search .keywordHot a:focus {
  color: #2752aa;
}

.header.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;
  background: rgba(0, 0, 0, 0.75);
  z-index: 999;
}
@media screen and (max-width: 767px) {
  .header.fixed {
    background: #FFF;
  }
}
.header.fixed .menu > ul > li > a {
  color: #FFF;
}

.language {
  width: 140px;
  font-weight: bold;
  font-size: 0.75em;
  text-shadow: 1px 1px 2px RGBA(0, 0, 0, 0.8);
  position: relative;
}
.language > a {
  display: block;
  background: #555;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #FFF;
  padding: 0.2em 1em;
  position: relative;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.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.4em;
  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.35em;
  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;
}
.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;
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: RGBA(0, 0, 0, 0.85);
  padding: 4em 2em;
  z-index: 999999;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translate3d(0, 0, 0);
}
.menu .close {
  position: fixed;
  width: 2.5em;
  height: 2.5em;
  top: 1em;
  right: 1em;
  display: block;
  background: url(../images/basic/icon_close_white.png) no-repeat center center;
  background-size: cover;
  text-indent: -9999px;
}
.menu > ul {
  max-width: 1200px;
  text-align: left;
  margin: 0 auto;
  padding: 0;
}
.menu > ul > li {
  display: inline-block;
  vertical-align: top;
  width: 19%;
  margin-left: 4px;
}
@media screen and (max-width: 991px) {
  .menu > ul > li {
    width: 22%;
  }
}
.menu > ul > li > a {
  display: block;
  padding: 0 1em;
  min-height: 2.5em;
  font-weight: bold;
  line-height: 2.5em;
  color: #00c6b3;
}
.menu > ul > li.hasChild > a:after {
  content: "";
  width: 4px;
  height: 4px;
  display: inline-block;
  margin-left: 0.5em;
  vertical-align: middle;
  border: 2px solid white;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  border-bottom: none;
  border-left: none;
  margin-bottom: 0.2em;
}
.menu > ul > li:hover > a {
  color: #00efd8;
}
.menu > ul > li:hover > a:after {
  border: 2px solid #00efd8;
  border-bottom: none;
  border-left: none;
}
.menu > ul ul {
  display: block;
  overflow: visible;
  width: auto;
  padding: 0;
  position: relative;
  list-style: none;
  text-align: left;
  width: 200px;
}
.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.2em 1.2em;
  color: #FFF;
  font-size: 0.938em;
}
.menu li li a:hover, .menu li li a:focus {
  color: #00efd8;
}
.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: #2752aa;
}
.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: hidden !important;
}
.sidebar .m_area {
  width: 280px;
  padding: 3em 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #000;
  z-index: 9999;
  overflow: hidden;
  overflow-y: auto;
  -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: #000;
  padding: 0 1em;
  line-height: 3em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sidebar .m_area .menu {
  width: 100%;
  height: auto;
  padding: 0;
  font-size: 1em;
  position: relative;
  -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.close {
  display: none;
}
.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 ul {
  display: none;
  width: 100%;
  margin: 0;
  background: rgba(0, 0, 0, 0.09);
  font-size: 0.938em;
  position: relative;
  -webkit-animation: showMenu 0.3s ease-out;
          animation: showMenu 0.3s ease-out;
}
.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%;
  margin-left: 0;
}
.sidebar .m_area .menu li ul {
  background: #FFF;
}
.sidebar .m_area .menu li > a {
  padding: 0.3em 0.8em;
  background: #FFF;
  font-weight: bold;
  border-bottom: 1px solid #CCC;
}
.sidebar .m_area .menu li.hasChild > a {
  padding: 0.3em 1em;
  color: #222;
  background: #FFF;
  padding-right: 36px;
  position: relative;
}
.sidebar .m_area .menu li.hasChild > a:after {
  content: "";
  position: absolute;
  right: 16px;
  top: 1.2em;
  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.8em 1em 0.8em 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.8em 1em 0.8em 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 .fixed_sidebar {
  background: RGBA(0, 0, 0, 0);
  width: 90%;
  min-height: auto;
  position: relative;
  z-index: 1;
  right: 0;
  top: auto;
  margin: 0 auto;
  padding: 0;
  padding-bottom: 0.5em;
  border-radius: 0px;
  background-clip: padding-box;
}
.sidebar .fixed_sidebar ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sidebar .fixed_sidebar ul li {
  width: 40px;
  height: 40px;
  float: left;
  margin-right: 0.5em;
}
.sidebar .fixed_sidebar ul li a {
  display: block;
  padding: 0;
  position: relative;
  text-align: center;
  font-weight: bold;
}
.sidebar .fixed_sidebar ul li a:hover:before, .sidebar .fixed_sidebar ul li a:focus:before {
  display: block;
  right: 0;
}
.sidebar .fixed_sidebar ul li img {
  width: 36px;
  height: 36px;
  margin: 0px auto 2px;
}
@media screen and (max-width: 767px) {
  .sidebar .fixed_sidebar {
    display: block;
  }
}
.sidebar .navigation {
  position: relative;
  text-align: left;
  display: block;
}
.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;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  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: #142a57;
}
.sidebar .navigation .language {
  position: relative;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sidebar .navigation .language a {
  padding: 0.6em 1em;
  background: rgba(0, 0, 0, 0.4);
}
.sidebar .navigation .language a:after {
  top: 1.3em;
}
.sidebar .navigation .language a:before {
  top: 0.8em;
}
.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 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;
}
.sidebar button.sidebarClose:hover, .sidebar button.sidebarClose:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

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

@keyframes showMenu {
  0% {
    left: 20px;
  }
  100% {
    left: 0px;
  }
}
footer {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  clear: both;
  zoom: 1;
  text-align: left;
  font-size: 0.813em;
  padding: 1em 0;
  color: #FFF;
  background: #3a3a3a;
}
footer:before, footer:after {
  content: "";
  display: table;
}
footer:after {
  clear: both;
}
@media screen and (max-width: 767px) {
  footer {
    padding-bottom: 3.5em;
  }
}
footer .container {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: 1px solid #999;
  padding-top: 1em;
}
footer .container > div {
  padding-bottom: 1em;
}
footer a {
  text-decoration: none;
  color: #00c6b3;
}
footer a:hover, footer a:focus {
  color: #00efd8;
}
footer .footer_logo {
  float: left;
  width: 50%;
  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_logo {
    float: left;
    width: 25%;
  }
}
@media (min-width: 992px) {
  footer .footer_logo {
    float: left;
    width: 25%;
  }
}
@media (min-width: 1400px) {
  footer .footer_logo {
    float: left;
    width: 25%;
  }
}
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: 50%;
  }
}
@media (min-width: 992px) {
  footer .footer_info {
    float: left;
    width: 50%;
  }
}
@media (min-width: 1400px) {
  footer .footer_info {
    float: left;
    width: 50%;
  }
}
footer .footer_icon {
  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_icon {
    float: left;
    width: 25%;
  }
}
@media (min-width: 992px) {
  footer .footer_icon {
    float: left;
    width: 25%;
  }
}
@media (min-width: 1400px) {
  footer .footer_icon {
    float: left;
    width: 25%;
  }
}
footer .footer_link {
  margin: 0;
  padding: 0;
  list-style: none;
  clear: both;
  zoom: 1;
}
footer .footer_link:before, footer .footer_link:after {
  content: "";
  display: table;
}
footer .footer_link:after {
  clear: both;
}
footer .footer_link li {
  float: left;
  display: block;
  margin: 0px 5px 3px 0px;
}
footer .footer_link li:last-child a:after {
  display: none;
}
footer .footer_link li a {
  display: block;
  padding: 0;
  color: #00c6b3;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
footer .footer_link li a:hover, footer .footer_link li a:focus {
  color: #00efd8;
}
footer .footer_link li a:after {
  content: "|";
}
footer p {
  line-height: 1.65em;
  color: #CCC;
}
footer p a {
  color: #FFF;
}
footer p a:hover, footer p a:focus {
  color: #00efd8;
}
footer .update,
footer .counter {
  display: inline-block;
  margin-right: 5px;
}
footer .update em,
footer .counter em {
  font-style: normal;
  color: #FCC211;
  padding: 0 0.5em;
}
footer .footer_icon a {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-right: 0.5em;
}
footer .footer_icon a:focus:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-shadow: 0px 0px 0px 1px #00efd8 inset;
          box-shadow: 0px 0px 0px 1px #00efd8 inset;
  z-index: 99;
}
footer .footer_icon img {
  max-width: 120px;
}

.fatfooter {
  overflow: hidden;
  padding-bottom: 1em;
  margin: 0 auto;
  background: #3a3a3a;
}
.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 {
    padding: 0;
  }
}
.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 .fat_btn {
  padding: 3em 10em 0;
  border-bottom: 1px solid #999;
}
@media screen and (max-width: 991px) {
  .fatfooter .fat_btn {
    padding: 3em 2em 0;
  }
}
@media screen and (max-width: 767px) {
  .fatfooter .fat_btn {
    border-bottom: none;
    padding: 1em 0 0;
  }
}
.fatfooter .fat_btn ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.fatfooter .fat_btn ul li {
  width: 25%;
  display: block;
  float: left;
}
@media screen and (max-width: 767px) {
  .fatfooter .fat_btn ul li {
    width: 50%;
  }
}
.fatfooter .fat_btn ul li a {
  line-height: 1.25em;
  display: block;
  padding: 0.5em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #FFF;
}
.fatfooter .fat_btn ul li a:hover, .fatfooter .fat_btn ul li a:focus {
  color: #00efd8;
}
@media screen and (max-width: 767px) {
  .fatfooter .fat_btn ul li a {
    padding: 0.3em;
  }
}
.fatfooter .fat_btn ul li a img {
  display: inline-block;
  vertical-align: middle;
}
.fatfooter .btn-fatfooter {
  font-size: 0.813em;
  display: block;
  min-width: 6em;
  color: #FFF;
  border: none;
  background: #000;
  position: absolute;
  left: 50%;
  top: -4px;
  margin-left: -3em;
  z-index: 90;
  text-indent: -9999px;
  border-radius: 0px;
}
.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: #00b7a5;
  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;
}
@media screen and (max-width: 767px) {
  .fatfooter .btn-fatfooter {
    display: none;
  }
}
.fatfooter nav {
  overflow: hidden;
  display: block;
  position: relative;
  padding: 1em 0 0 2em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .fatfooter nav {
    padding: 1em 0;
    display: none;
  }
}
.fatfooter nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 767px) {
  .fatfooter nav ul {
    width: 100%;
    display: block;
    margin: 0px auto;
  }
}
.fatfooter nav ul li {
  display: inline-block;
  text-align: left;
  vertical-align: top;
  margin: 0 -5px 1em 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@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;
  display: block;
  font-weight: bold;
  padding: 0.5em 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #00c6b3;
}
.fatfooter nav ul li a:hover {
  color: #00efd8;
  -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;
  margin: 0;
  border: none;
  background: none;
  width: 100%;
}
.fatfooter nav ul li ul li a {
  display: block;
  color: #FEFEFE;
  font-weight: normal;
  text-align: left;
  font-size: 0.813em;
  line-height: 1.5em;
  padding: 0.5em 0.2em;
  background: none;
}
.fatfooter nav ul li ul li a:hover, .fatfooter nav ul li ul li a:focus {
  color: #00efd8;
}
@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;
}

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: #00b7a5;
  border-color: #00b7a5;
}
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 .function {
  height: 40px;
  margin: 0;
}
.function_panel .function ul li {
  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: #ddd;
  text-indent: -9999px;
  position: relative;
}
.function_panel .function ul li a:hover, .function_panel .function ul li a:focus {
  background: #00b7a5;
  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.rss a:before {
  background: url(../images/icon_rss.png) no-repeat center center;
  background-size: 85%;
}
.function_panel .function ul li.forward a:before {
  background: url(../images/basic/icon_forward.png) no-repeat center center;
  background-size: 100%;
}
.function_panel .function ul li.fsearch a:before {
  background: url(../images/basic/icon_search_black.png) no-repeat center center;
  background-size: 100%;
}

.modal {
  position: fixed;
  display: none;
  width: 400px;
  height: 300px;
  background: #FFF;
  z-index: 99999999;
  top: 5%;
  left: 50%;
  margin-left: -200px;
  padding: 1em 1em 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 8px;
  -webkit-box-shadow: 1px 1px 15px RGBA(0, 0, 0, 0.5);
          box-shadow: 1px 1px 15px RGBA(0, 0, 0, 0.5);
  -webkit-animation: scaleUp 0.5s ease-out;
          animation: scaleUp 0.5s ease-out;
}
.modal h2 {
  border-bottom: 1px solid #2752aa;
  padding-bottom: 0.5em;
}
.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(-50px);
            transform: scale(1) translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1) translateY(0px);
            transform: scale(1) translateY(0px);
    opacity: 1;
  }
}

@keyframes scaleUp {
  0% {
    -webkit-transform: scale(1) translateY(-50px);
            transform: scale(1) translateY(-50px);
    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.5);
  z-index: 99999998;
}

.pagination {
  margin: 0.5em auto;
  padding: 0;
  display: block;
  text-align: center;
  font-size: 0.938em;
}
.pagination span {
  color: #00ac9c;
  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: 3px;
  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: #4bb5c8;
  color: #fff !important;
  border: #3aabbf solid 1px;
}
.pagination .page li.active a {
  color: #fff !important;
  background: #00ac9c;
  border: #009385 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;
}
@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;
}
.pagination .total input[type=button]:hover, .pagination .total input[type=button]:focus {
  color: #fff !important;
  background: #4bb5c8;
  border: #3aabbf 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;
  }
}
.thumbnail {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .thumbnail {
    float: left;
    width: 50%;
  }
}
@media (min-width: 992px) {
  .thumbnail {
    float: left;
    width: 33.3333333333%;
  }
}
@media (min-width: 1400px) {
  .thumbnail {
    float: left;
    width: 33.3333333333%;
  }
}
.thumbnail a {
  display: block;
  border-radius: 5px;
  background-clip: padding-box;
  border: 1px solid #DDD;
  padding: 0.5em;
  color: #222;
  text-decoration: none;
}
.thumbnail a:hover, .thumbnail a:focus {
  color: #00b7a5;
  cursor: pointer;
}
.thumbnail .imgOuter {
  overflow: hidden;
}
.thumbnail .imgOuter:before {
  display: inline-block;
  content: "";
  padding-top: 75%;
}
.thumbnail .imgOuter img {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.thumbnail .caption {
  max-width: 90%;
  margin: 0px auto;
}

.category_np ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.category_np li {
  display: inline-block;
  min-width: 20%;
  margin-right: 0.3em;
}
.category_np li a {
  padding: 0.8em 1em;
  color: #fff;
  width: 100%;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  background: #770f5a;
}
.category_np li a:hover {
  background: #b70184;
}
.category_np li a:before {
  content: "";
  width: 100%;
  height: 4px;
  display: block;
  position: absolute;
  bottom: -4px;
  left: 0;
  background: #b70184;
}

.category {
  text-align: left;
  margin: 1em auto;
}
.category ul {
  margin: 0;
  padding: 0;
  list-style: none;
  z-index: 98;
}
.category ul li {
  margin: 0px 0 5px 0px;
  display: block;
  float: left;
  position: relative;
}
.category ul li:before {
  content: "";
  width: 1px;
  height: 30px;
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -15px;
  background: #a0a0a0;
}
.category ul li > ul {
  position: absolute;
  left: 0;
  top: 44px;
  z-index: 99;
  width: 100%;
}
.category ul li > ul li {
  float: none;
  margin-bottom: 0;
  position: relative;
}
.category ul li > ul li:before {
  display: none;
}
.category ul li > ul li a {
  padding: 0.4em 1em;
  background: #193b75;
  color: #fff;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.category ul li > a {
  padding: 0.5em 1.5em 0.6em;
  display: inline-block;
  color: #0b0000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 0;
  position: relative;
}
.category ul li > a:hover, .category ul li > a:focus, .category ul li > a.active {
  color: #FFF;
  background: #00ac9c;
  background: -webkit-gradient(linear, left top, left bottom, from(#00ac9c), to(#00ac9c));
  background: linear-gradient(180deg, #00ac9c 0%, #00ac9c 100%);
}
.category ul li > a:hover ~ ul, .category ul li > a:focus ~ ul, .category ul li > a.active ~ ul {
  display: block;
}
.category ul li > a:hover ~ ul li a, .category ul li > a:focus ~ ul li a, .category ul li > a.active ~ ul li a {
  padding: 0.4em 1em;
}
.category ul li > a:hover ~ ul li a:before, .category ul li > a:focus ~ ul li a:before, .category ul li > a.active ~ ul li a:before {
  display: none;
}
.category ul li.hasChild > a:after {
  content: "";
  width: 6px;
  height: 6px;
  display: block;
  border-top: 2px solid #888;
  border-right: 2px solid #888;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  position: absolute;
  right: 0.5em;
  top: 1em;
}
.category ul li.hasChild > a:hover:after, .category ul li.hasChild > a:focus:after, .category ul li.hasChild > a.active:after {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.category2 {
  clear: both;
  display: block;
  overflow: hidden;
  margin: 1em auto;
}
.category2 ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.category2 ul li {
  margin: 0px 6px 5px 0px;
  display: block;
  float: left;
}
.category2 ul li a {
  background: #FFF;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#DDD));
  background: linear-gradient(to bottom, #FFF, #DDD);
  border: 1px solid #CCC;
  padding: 0.4em 1em;
  display: block;
  color: #333;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.category2 ul li a:hover, .category2 ul li a:focus {
  color: #FFF;
  background: #2752aa;
  background: -webkit-gradient(linear, left top, left bottom, from(#2752aa), to(#19346c));
  background: linear-gradient(to bottom, #2752aa, #19346c);
  border: 1px solid #19346c;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.category2 ul li a.active {
  color: #FFF;
  background: #2752aa;
  background: -webkit-gradient(linear, left top, left bottom, from(#2752aa), to(#19346c));
  background: linear-gradient(to bottom, #2752aa, #19346c);
  border: 1px solid #19346c;
}
.category2 ul li a span {
  font-size: 0.813em;
}
.category2 ul li a span:before {
  content: "(";
  display: inline-block;
}
.category2 ul li a span:after {
  content: ")";
  display: inline-block;
}

.gallery .lightbox {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1000000;
  display: none;
}
.gallery .lightbox .galler_overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  width: 100vw;
  height: 100vh;
  z-index: 1;
  display: block;
}
.gallery .lightbox .caption {
  color: #FFF;
  position: absolute;
  bottom: 0px;
  text-align: center;
  z-index: 999999;
  width: 60%;
  height: 8%;
  left: 50%;
  margin-left: -30%;
  line-height: 1.3em;
}
.gallery .lightbox .light_prev,
.gallery .lightbox .light_next {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  left: 0px;
  width: 80px;
  height: 30px;
  line-height: 30px;
  font-size: 0.938em;
  color: #FFF;
  z-index: 999;
  text-align: center;
  background: rgba(0, 0, 0, 0.8);
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.gallery .lightbox .light_next {
  right: 0px;
  left: auto;
}
.gallery .lightbox .light_prev:hover,
.gallery .lightbox .light_next:hover {
  background: #FFF;
  color: #000;
  cursor: pointer;
}
.gallery .lightbox .light_close {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 80px;
  height: 30px;
  color: #FFF;
  line-height: 30px;
  font-size: 0.938em;
  z-index: 999;
  background: rgba(0, 0, 0, 0.8);
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  text-align: center;
}
.gallery .lightbox .light_close:hover {
  background: #FFF;
  color: #000;
  cursor: pointer;
}
.gallery .lightbox img {
  max-width: 80vw;
  max-height: 80vh;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.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: 40px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.6);
  -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 #2752aa;
}
.function_panel .share a.shareButton {
  display: block;
  background: #f1f1f1;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  text-align: center;
  text-indent: -9999px;
  position: relative;
}
.function_panel .share a.shareButton:before {
  content: "";
  position: absolute;
  background: url(../images/basic/icon_share.png) no-repeat center center;
  background-size: 24px;
  width: 24px;
  height: 24px;
  top: 50%;
  left: 50%;
  margin-left: -12px;
  margin-top: -12px;
  display: block;
}
.function_panel .share a.shareButton:hover, .function_panel .share a.shareButton:focus {
  background: #00b7a5;
}
.function_panel .share a.shareButton:hover:before, .function_panel .share a.shareButton:focus:before {
  -webkit-filter: invert(100%);
          filter: invert(100%);
}

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: #00b7a5;
  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: #ddd;
  color: #333;
}
.font_size ul li a:hover, .font_size ul li a:focus {
  background: #00b7a5;
  color: #FFF;
}
.font_size ul li a.active {
  background: #444;
  color: #FFF;
}
.font_size ul li a.active:hover, .font_size ul li a.active:focus {
  background: #00b7a5;
  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;
  }
}

*[class^=notice] {
  padding: 0.4em 2.5em;
  display: block;
  font-size: 0.938em;
  margin: 0.2em 0;
  position: relative;
  color: #666;
  background-color: #f2f2f2;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  border: none;
}
*[class^=notice]:before {
  position: absolute;
  top: 0.7em;
  left: 0.8em;
  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.8em;
  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;
  background-color: #BDE5F8;
}
*[class*=notice_info]:before {
  background: url(../images/basic/icon_info.svg) no-repeat center center;
  background-size: 15px;
}

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

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

*[class*=notice_error] {
  color: #D8000C;
  background-color: #FFD2D2;
}
*[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;
  min-height: 35px;
}
@media screen and (max-width: 767px) {
  .function_panel {
    margin: 0.6em 0;
    padding: 0.5em 0 0.5em;
    text-align: left;
  }
}
.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;
}
.function_panel .function_btn {
  float: left;
}
.function_panel .function_btn .btn {
  border-radius: 0;
}

html.noscroll {
  overflow: hidden !important;
  overflow-y: hidden !important;
  margin: 0;
  padding: 0;
  margin-left: calc(100vw - 100%);
}

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

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

.main {
  position: relative;
  margin: 0 auto 0;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .main {
    padding-top: 10px;
    margin-top: 0;
  }
}
.main h2.title {
  font-size: 1.75em;
  line-height: 1em;
  color: #193b75;
  position: relative;
}
.main h2.title:after {
  content: "";
  width: 30%;
  height: 4px;
  position: absolute;
  bottom: -14px;
  left: 0;
  background: rgb(1, 172, 157);
  background: -webkit-gradient(linear, left top, right top, from(rgb(1, 172, 157)), color-stop(25%, rgb(75, 181, 200)), to(rgb(33, 51, 124)));
  background: linear-gradient(90deg, rgb(1, 172, 157) 0%, rgb(75, 181, 200) 25%, rgb(33, 51, 124) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#01ac9d",endColorstr="#21337c",GradientType=1);
}

.innerpage {
  margin: 0 auto 0;
}
.innerpage:before {
  content: "";
  width: 100%;
  height: 45px;
  margin-bottom: 2em;
  -webkit-box-shadow: inset 0px 5px 8px 0px rgba(0, 0, 0, 0.3);
          box-shadow: inset 0px 5px 8px 0px rgba(0, 0, 0, 0.3);
  background: rgb(1, 172, 157);
  background: -webkit-gradient(linear, left top, right top, from(rgb(1, 172, 157)), color-stop(25%, rgb(75, 181, 200)), to(rgb(33, 51, 124)));
  background: linear-gradient(90deg, rgb(1, 172, 157) 0%, rgb(75, 181, 200) 25%, rgb(33, 51, 124) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#01ac9d",endColorstr="#21337c",GradientType=1);
}
@media screen and (max-width: 767px) {
  .innerpage:before {
    height: 15px;
    margin-bottom: 1em;
  }
}
.innerpage.small_size {
  font-size: 0.938em;
}
.innerpage.large_size {
  font-size: 1.125em;
}
.innerpage > .container {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.section {
  padding: 1em 0 1em;
}
.section * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.section .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) {
  .section .container {
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
.section h2 {
  text-align: center;
  display: block;
  position: relative;
  margin-bottom: 2em;
  font-size: 2em;
  color: #193b75;
  padding-bottom: 0.3em;
}
.section h2:after {
  background: rgb(3, 173, 158);
  background: -webkit-gradient(linear, left top, right top, from(rgb(3, 173, 158)), color-stop(25%, rgb(77, 177, 199)), to(rgb(33, 51, 124)));
  background: linear-gradient(90deg, rgb(3, 173, 158) 0%, rgb(77, 177, 199) 25%, rgb(33, 51, 124) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#03ad9e",endColorstr="#21337c",GradientType=1);
  height: 4px;
  width: 30%;
  position: absolute;
  content: "";
  left: 50%;
  margin-left: -15%;
  bottom: -1em;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 767px) {
  .section h2 {
    margin-bottom: 1em;
  }
}
.section h2 h3 {
  font-size: 1.25em;
}

.mpSlider {
  width: 100%;
  padding-top: 4em;
  background: #000;
  margin-top: -8em;
  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: 768px) {
  .mpSlider {
    padding-top: 0;
    margin-top: 60px;
  }
}
.mpSlider .img-container {
  overflow: hidden;
  overflow: hidden;
}
.mpSlider .img-container:before {
  display: inline-block;
  content: "";
  padding-top: 40%;
}
.mpSlider .img-container img {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.mpSlider .img-container:before {
  display: inline-block;
  content: "";
  padding-top: 31%;
}
.mpSlider .img-container img {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
@media screen and (max-width: 991px) {
  .mpSlider .img-container {
    overflow: hidden;
  }
  .mpSlider .img-container:before {
    display: inline-block;
    content: "";
    padding-top: 40%;
  }
  .mpSlider .img-container img {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
  }
}
@media screen and (max-width: 767px) {
  .mpSlider .img-container {
    overflow: hidden;
  }
  .mpSlider .img-container:before {
    display: inline-block;
    content: "";
    padding-top: 40%;
  }
  .mpSlider .img-container img {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
  }
}
.mpSlider .img-container a {
  position: absolute;
}
.mpSlider .img-container a:focus:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-box-shadow: 0px 0px 0px 5px #FCC211 inset;
          box-shadow: 0px 0px 0px 5px #FCC211 inset;
  z-index: 9;
}
@media screen and (max-width: 767px) {
  .mpSlider .img-container a:focus:before {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.mpSlider .img-container a .caption {
  width: 50%;
  left: 50%;
  top: 55%;
  margin-left: -35%;
  text-align: left;
  height: auto;
  color: #FFF;
  position: absolute;
  z-index: 2;
  line-height: 1.5em;
  text-shadow: 2px 2px 3px RGBA(0, 0, 0, 0.75);
  white-space: normal;
  background: none;
}
@media screen and (max-width: 991px) {
  .mpSlider .img-container a .caption {
    width: 60%;
    margin-left: -30%;
  }
}
@media screen and (max-width: 767px) {
  .mpSlider .img-container a .caption {
    width: 100%;
    margin-left: 0;
    left: 15%;
    text-align: center;
    top: auto;
    bottom: -0.5em;
    height: 3em;
    left: 0;
    padding: 0;
    margin: 0;
  }
}
.mpSlider .img-container a .caption .title {
  font-size: 1.75em;
  max-height: 3em;
  overflow: hidden;
  display: block;
  line-height: 1.5em;
}
@media screen and (max-width: 767px) {
  .mpSlider .img-container a .caption .title {
    margin: 0;
    font-size: 1em;
    height: 2em;
    line-height: 2em;
    padding: 0.3em 0.5em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: rgba(0, 0, 0, 0.5);
  }
}
.mpSlider .img-container a .caption p {
  display: block;
  color: #FFF;
  line-height: 1.5em;
  font-size: 1em;
  height: 4.5em;
  overflow: hidden;
  margin: 10px 0;
  display: block;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .mpSlider .img-container a .caption p {
    display: none;
  }
}
.mpSlider .img-container a:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), color-stop(30%, rgba(0, 0, 0, 0)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 30%);
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .mpSlider .img-container a:before {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), color-stop(30%, rgba(0, 0, 0, 0)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 30%);
  }
}
.mpSlider .slick-dots {
  bottom: 1.5em;
}
@media screen and (max-width: 767px) {
  .mpSlider .slick-dots {
    bottom: -1.5em;
  }
}
.mpSlider .slick-dots li button:before {
  background: transparent;
  -webkit-box-shadow: 0 0 0 2px rgb(255, 255, 255) inset;
          box-shadow: 0 0 0 2px rgb(255, 255, 255) inset;
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .mpSlider .slick-dots li button:before {
    -webkit-box-shadow: 0 0 0 2px #DDD inset;
            box-shadow: 0 0 0 2px #DDD inset;
    background: #DDD;
  }
}
.mpSlider .slick-dots li.slick-active button:before {
  background: #FFF;
}
@media screen and (max-width: 767px) {
  .mpSlider .slick-dots li.slick-active button:before {
    background: #00db87;
    -webkit-box-shadow: 0 0 0 2px #00db87 inset;
            box-shadow: 0 0 0 2px #00db87 inset;
  }
}
.mpSlider .slick-dots li button:hover:before {
  background: #00db87;
}
.mpSlider .slick-dots li button:focus:before {
  background: #FFF;
}
.mpSlider .slick-prev {
  -webkit-filter: invert(0);
          filter: invert(0);
  left: 70px;
}
@media screen and (max-width: 767px) {
  .mpSlider .slick-prev {
    left: 5px;
  }
}
.mpSlider .slick-prev:hover, .mpSlider .slick-prev:focus {
  -webkit-filter: invert(0);
          filter: invert(0);
}
.mpSlider .slick-next {
  -webkit-filter: invert(0);
          filter: invert(0);
  right: 70px;
}
@media screen and (max-width: 767px) {
  .mpSlider .slick-next {
    right: 5px;
  }
}
.mpSlider .slick-next:hover, .mpSlider .slick-next:focus {
  -webkit-filter: invert(0);
          filter: invert(0);
}

@media screen and (max-width: 767px) {
  .tab_block {
    padding: 1em;
  }
}
.tab_block .img-container {
  overflow: hidden;
}
.tab_block .img-container:before {
  display: inline-block;
  content: "";
  padding-top: 75%;
}
.tab_block .img-container img {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.tab_block .img-container img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.tab_block .img-container a:focus:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-box-shadow: 0px 0px 0px 2px #FCC211 inset;
          box-shadow: 0px 0px 0px 2px #FCC211 inset;
  z-index: 9;
}
@media screen and (max-width: 767px) {
  .tab_block .img-container a:focus:before {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.tab_block .tabSet {
  padding-bottom: 0.5rem;
}
.tab_block .tabContent {
  padding: 2em 0 0.5em;
  margin: 1em -15px;
}
@media screen and (max-width: 767px) {
  .tab_block .tabContent {
    padding: 0.5em 0;
  }
}
.tab_block .tabContent .col {
  margin-bottom: 1em;
}
.tab_block .news .col, .tab_block .global .col, .tab_block .seminar .col {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .tab_block .news .col, .tab_block .global .col, .tab_block .seminar .col {
    float: left;
    width: 50%;
  }
}
@media (min-width: 992px) {
  .tab_block .news .col, .tab_block .global .col, .tab_block .seminar .col {
    float: left;
    width: 50%;
  }
}
@media (min-width: 1400px) {
  .tab_block .news .col, .tab_block .global .col, .tab_block .seminar .col {
    float: left;
    width: 50%;
  }
}
.tab_block .news .col .item, .tab_block .global .col .item, .tab_block .seminar .col .item {
  display: block;
  margin-bottom: 1.7rem;
  min-height: 138px;
}
@media screen and (max-width: 991px) {
  .tab_block .news .col .item, .tab_block .global .col .item, .tab_block .seminar .col .item {
    margin-bottom: 1rem;
    min-height: auto;
  }
}
@media screen and (max-width: 767px) {
  .tab_block .news .col .item, .tab_block .global .col .item, .tab_block .seminar .col .item {
    margin-bottom: 0.5em;
  }
}
.tab_block .news .col .item .img-container, .tab_block .global .col .item .img-container, .tab_block .seminar .col .item .img-container {
  width: 39.9%;
  float: right;
  margin: 0 0 0 0.5em;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .tab_block .news .col .item .img-container, .tab_block .global .col .item .img-container, .tab_block .seminar .col .item .img-container {
    margin: 0px 1em 0.5em 0;
    float: left;
  }
}
.tab_block .news .col .item .img-container img, .tab_block .global .col .item .img-container img, .tab_block .seminar .col .item .img-container img {
  -o-object-fit: fill;
     object-fit: fill;
}
.tab_block .news .col:first-child:before, .tab_block .global .col:first-child:before, .tab_block .seminar .col:first-child:before {
  content: "";
  display: block;
  background: url(../images/engslogan_news.png) no-repeat center center;
  background-size: contain;
  overflow: hidden;
  width: 100%;
  min-height: 120px;
  margin-bottom: 1em;
}
.tab_block .news .col:first-child:before:before, .tab_block .global .col:first-child:before:before, .tab_block .seminar .col:first-child:before:before {
  display: inline-block;
  content: "";
  padding-top: 50%;
}
.tab_block .news .col:first-child:before img, .tab_block .global .col:first-child:before img, .tab_block .seminar .col:first-child:before img {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .tab_block .news .col:first-child:before, .tab_block .global .col:first-child:before, .tab_block .seminar .col:first-child:before {
    display: none;
  }
}
.tab_block .news .col:first-child .item, .tab_block .global .col:first-child .item, .tab_block .seminar .col:first-child .item {
  width: 48%;
  float: left;
  margin-right: 4%;
  margin-bottom: 1.5rem;
  overflow: hidden;
}
.tab_block .news .col:first-child .item .img-container, .tab_block .global .col:first-child .item .img-container, .tab_block .seminar .col:first-child .item .img-container {
  width: 100%;
  margin: 0;
}
.tab_block .news .col:first-child .item .img-container .title, .tab_block .global .col:first-child .item .img-container .title, .tab_block .seminar .col:first-child .item .img-container .title {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  padding: 0 0.5em;
  color: #FFF;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  line-height: 3em;
  z-index: 1;
  font-size: 1rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tab_block .news .col:first-child .item .img-container time, .tab_block .global .col:first-child .item .img-container time, .tab_block .seminar .col:first-child .item .img-container time {
  position: absolute;
  z-index: 1;
  right: 0.5em;
  top: 0.5em;
  color: #FFF !important;
  text-shadow: 0px 0px 4px #000;
  background: rgba(0, 0, 0, 0.3);
  padding: 2px 6px;
  border-radius: 6px;
}
@media screen and (max-width: 767px) {
  .tab_block .news .col:first-child .item .img-container time, .tab_block .global .col:first-child .item .img-container time, .tab_block .seminar .col:first-child .item .img-container time {
    top: 0.3em;
  }
}
.tab_block .news .col:first-child .item .img-container .tag, .tab_block .global .col:first-child .item .img-container .tag, .tab_block .seminar .col:first-child .item .img-container .tag {
  position: absolute;
  z-index: 1;
  max-width: 8em;
  right: 120px;
  top: 0.5em;
  text-align: right;
  color: #FFF;
  background: #008477;
  text-shadow: 0px 0px 3px #000;
}
@media screen and (max-width: 767px) {
  .tab_block .news .col:first-child .item .img-container .tag, .tab_block .global .col:first-child .item .img-container .tag, .tab_block .seminar .col:first-child .item .img-container .tag {
    text-align: left;
    left: 0;
    top: 0;
  }
}
.tab_block .news .col:first-child .item .img-container img, .tab_block .global .col:first-child .item .img-container img, .tab_block .seminar .col:first-child .item .img-container img {
  -o-object-fit: fill;
     object-fit: fill;
}
@media screen and (max-width: 767px) {
  .tab_block .news .col:first-child .item, .tab_block .global .col:first-child .item, .tab_block .seminar .col:first-child .item {
    width: 100%;
    margin-right: 0;
  }
}
.tab_block .news .col:first-child .item:first-child, .tab_block .global .col:first-child .item:first-child, .tab_block .seminar .col:first-child .item:first-child {
  width: 100%;
}
.tab_block .news .col:first-child .item:first-child .img-container .title, .tab_block .global .col:first-child .item:first-child .img-container .title, .tab_block .seminar .col:first-child .item:first-child .img-container .title {
  font-size: 1.125rem;
}
.tab_block .news .col:first-child .item:last-child, .tab_block .global .col:first-child .item:last-child, .tab_block .seminar .col:first-child .item:last-child {
  margin-right: 0;
  clear: none;
}
.tab_block .news .col2 .item:nth-child(2n) .img-container, .tab_block .global .col2 .item:nth-child(2n) .img-container, .tab_block .seminar .col2 .item:nth-child(2n) .img-container {
  float: left;
  margin: 0px 1em 0.8em 0;
}
.tab_block .news .tag, .tab_block .global .tag, .tab_block .seminar .tag {
  display: inline-block;
  padding: 0.2em 0.5em;
  max-width: 8em;
  font-size: 0.938em;
  background: #008477;
  text-align: center;
  color: #FFF;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .tab_block .news .tag, .tab_block .global .tag, .tab_block .seminar .tag {
    text-align: left;
    margin-bottom: 0.5em;
    max-width: 100%;
  }
}
.tab_block .news time, .tab_block .global time, .tab_block .seminar time {
  display: inline-block;
  color: #008477;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .tab_block .news time, .tab_block .global time, .tab_block .seminar time {
    display: block;
  }
}
.tab_block .news .title, .tab_block .global .title, .tab_block .seminar .title {
  display: block;
  overflow: hidden;
  font-weight: bold;
  font-size: 1.125rem;
}
.tab_block .news .title a, .tab_block .global .title a, .tab_block .seminar .title a {
  margin: 0.2em 0;
  overflow: hidden;
  max-height: 3em;
  line-height: 1.5em;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  color: #222;
}
.tab_block .news .title a:hover, .tab_block .news .title a:focus, .tab_block .global .title a:hover, .tab_block .global .title a:focus, .tab_block .seminar .title a:hover, .tab_block .seminar .title a:focus {
  color: #00b7a5;
}
.tab_block .news p, .tab_block .global p, .tab_block .seminar p {
  overflow: hidden;
  color: #555;
  font-size: 0.938em;
  margin: 0;
  height: 6.4em;
  line-height: 1.6em;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
}
@media screen and (max-width: 767px) {
  .tab_block .news p, .tab_block .global p, .tab_block .seminar p {
    display: none;
  }
}
.tab_block .global .col:first-child:before {
  content: "";
  display: block;
  background: url(../images/engslogan_international.png) no-repeat center center;
  background-size: contain;
  overflow: hidden;
  width: 100%;
  min-height: 120px;
  margin-bottom: 1em;
}
.tab_block .global .col:first-child:before:before {
  display: inline-block;
  content: "";
  padding-top: 50%;
}
.tab_block .global .col:first-child:before img {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .tab_block .global .col:first-child:before {
    display: none;
  }
}
.tab_block .global .col:nth-child(2n) .title a {
  height: 1.6em;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #222;
}
.tab_block .global .col:nth-child(2n) p {
  max-height: 8em;
}
@media screen and (max-width: 767px) {
  .tab_block .global .col:nth-child(2n) p {
    display: none;
  }
}
.tab_block .seminar .col:first-child .item {
  min-height: auto;
  margin-bottom: 0.5rem;
  width: 100%;
}
.tab_block .seminar .col:first-child .item:last-child {
  margin-right: 0;
  clear: none;
}
.tab_block .seminar .col:first-child .item p {
  height: 1.6em;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #222;
}
.tab_block .seminar .col:first-child:before {
  content: "";
  display: block;
  background: url(../images/engslogan_seminar.png) no-repeat center center;
  background-size: contain;
  overflow: hidden;
  width: 100%;
  min-height: 120px;
  margin-bottom: 1em;
}
.tab_block .seminar .col:first-child:before:before {
  display: inline-block;
  content: "";
  padding-top: 50%;
}
.tab_block .seminar .col:first-child:before img {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .tab_block .seminar .col:first-child:before {
    display: none;
  }
}
.tab_block .seminar .col:nth-child(2n) .item {
  min-height: auto;
  margin-bottom: 0.57rem;
}
.tab_block .seminar .col:nth-child(2n) .title a {
  height: 1.6em;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #222;
  display: block;
}
.tab_block .seminar .col:nth-child(2n) p {
  height: 1.6em;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #222;
}

.tool {
  background: #F1F1F1 url(../images/bg.jpg) no-repeat center top;
  background-attachment: fixed;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .tool {
    background: #F1F1F1;
  }
}
.tool .container {
  position: relative;
}
.tool .container .tag {
  margin-left: 16%;
  margin-right: 2%;
}
@media screen and (max-width: 767px) {
  .tool .container .tag {
    width: 90%;
    margin: 0px auto 0.5em;
    text-align: center;
  }
}
.tool .container .tag:before {
  display: none;
}
.tool .container ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.tool .container ul li {
  position: relative;
  text-align: left;
  background: transparent;
  padding: 0.2em 0.6em;
}
.tool .container ul li:before {
  content: "";
  top: 0.4em;
  left: 0;
  height: 1em;
  position: absolute;
  border-left: 4px solid #808080;
}
.tool .container ul li.patent {
  color: #770f5a;
}
.tool .container ul li.patent:before {
  border-left: 4px solid #770f5a;
}
.tool .container ul li.trademark {
  color: #016ccf;
}
.tool .container ul li.trademark:before {
  border-left: 4px solid #016ccf;
}
.tool .container ul li.copyright {
  color: #008477;
}
.tool .container ul li.copyright:before {
  border-left: 4px solid #008477;
}
.tool .container .tool_box {
  min-height: 25em;
  margin-left: 14%;
  padding: 0 1em 0;
  position: relative;
  margin-bottom: 2em;
}
.tool .container .tool_box:before {
  content: "";
  background: url(../images/engslogan_tool.png) no-repeat left top;
  background-size: contain;
  position: absolute;
  left: -12%;
  height: 100%;
  width: 12%;
  top: 0;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .tool .container .tool_box:before {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .tool .container .tool_box {
    margin: 0px auto 1em;
  }
}
.tool .container .tool_box .item {
  width: 24%;
  display: block;
  margin: 0 0.5% 0;
  float: left;
  text-align: center;
  background: #FFF;
}
@media screen and (max-width: 991px) {
  .tool .container .tool_box .item {
    width: 48%;
  }
}
@media screen and (max-width: 575px) {
  .tool .container .tool_box .item {
    width: 96%;
    margin: 0px auto 0.5em;
    float: none;
  }
}
.tool .container .tool_box .item .pic {
  width: 100%;
  height: 10.5em;
  text-align: center;
  margin-bottom: 1em;
  padding-top: 0.7em;
}
.tool .container .tool_box .item .pic img {
  width: 100px;
  height: 100px;
  margin: 0em auto 0.5em;
  display: block;
}
.tool .container .tool_box .item .pic span {
  clear: both;
  color: #FFF;
  font-weight: bold;
  font-size: 1.25em;
}
.tool .container .tool_box .item:nth-child(4n+1) .pic {
  background: #00ac9c;
  background: -webkit-gradient(linear, left top, right top, from(#00ac9c), to(#1cbbd8));
  background: linear-gradient(to right, #00ac9c, #1cbbd8);
}
.tool .container .tool_box .item:nth-child(4n+2) .pic {
  background: #1cbbd8;
  background: -webkit-gradient(linear, left top, right top, from(#1cbbd8), to(#298ec0));
  background: linear-gradient(to right, #1cbbd8, #298ec0);
}
.tool .container .tool_box .item:nth-child(4n+3) .pic {
  background: #298ec0;
  background: -webkit-gradient(linear, left top, right top, from(#298ec0), to(#26559b));
  background: linear-gradient(to right, #298ec0, #26559b);
}
.tool .container .tool_box .item:nth-child(4n) .pic {
  background: #26559b;
  background: -webkit-gradient(linear, left top, right top, from(#26559b), to(#22327c));
  background: linear-gradient(to right, #26559b, #22327c);
}
.tool .container .tool_box .item ul {
  padding: 0 0.6em 0.6em 0.6em;
}
@media screen and (max-width: 767px) {
  .tool .container .tool_box .item ul {
    padding: 0.5em 1em;
  }
}
.tool .container .tool_box .item ul li {
  display: block;
  margin-bottom: 0.3em;
}
.tool .container .tool_box .item ul li a {
  color: #222;
  position: relative;
  width: 100%;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tool .container .tool_box .item ul li a:hover, .tool .container .tool_box .item ul li a:focus {
  color: #00b7a5;
}

.multimedia .container .media_block {
  min-height: 40em;
  padding: 1em;
  padding-right: 14%;
  position: relative;
  margin-bottom: 2em;
  margin-top: 6em;
  background: #0788d0;
  background: -webkit-gradient(linear, left top, left bottom, from(#0788d0), to(#08aea1));
  background: linear-gradient(to bottom, #0788d0, #08aea1);
}
@media screen and (max-width: 991px) {
  .multimedia .container .media_block {
    min-height: 34em;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .multimedia .container .media_block {
    padding: 1em;
  }
}
@media screen and (max-width: 575px) {
  .multimedia .container .media_block {
    margin-top: 0em;
  }
}
.multimedia .container .media_block:before {
  content: "";
  background: url(../images/engslogan_media.png) no-repeat right top;
  background-size: contain;
  position: absolute;
  right: 0%;
  height: 100%;
  width: 12%;
  top: 0;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .multimedia .container .media_block:before {
    display: none;
  }
}
.multimedia .container .media_block .slick-dots {
  bottom: -1.5em;
}
.multimedia .container .media_block .slick-dots li.slick-active button:before,
.multimedia .container .media_block .slick-dots li button:hover:before {
  background: #FFF;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
}
@media screen and (max-width: 767px) {
  .multimedia .container .media_block .slick-dots li.slick-active button:before,
  .multimedia .container .media_block .slick-dots li button:hover:before {
    background: #FFF;
  }
}
.multimedia .container .media_block .slick-dots li button:focus:before {
  background: #FFF;
}
.multimedia .container .media_block .slick-prev {
  -webkit-filter: invert(0);
          filter: invert(0);
  left: 10px;
}
@media screen and (max-width: 767px) {
  .multimedia .container .media_block .slick-prev {
    left: 5px;
  }
}
.multimedia .container .media_block .slick-prev:hover, .multimedia .container .media_block .slick-prev:focus {
  -webkit-filter: invert(0);
          filter: invert(0);
}
.multimedia .container .media_block .slick-next {
  -webkit-filter: invert(0);
          filter: invert(0);
  right: 10px;
}
@media screen and (max-width: 767px) {
  .multimedia .container .media_block .slick-next {
    right: 5px;
  }
}
.multimedia .container .media_block .slick-next:hover, .multimedia .container .media_block .slick-next:focus {
  -webkit-filter: invert(0);
          filter: invert(0);
}
.multimedia .container .media_block .video, .multimedia .container .media_block .photo {
  width: 50%;
  float: left;
  margin-bottom: 2em;
  margin-top: -4em;
  position: relative;
  min-height: 1px;
  padding-left: 40px;
  padding-right: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.multimedia .container .media_block .video .slick-prev, .multimedia .container .media_block .photo .slick-prev {
  left: -35px;
}
.multimedia .container .media_block .video .slick-next, .multimedia .container .media_block .photo .slick-next {
  right: -35px;
}
.multimedia .container .media_block .video ul, .multimedia .container .media_block .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;
}
.multimedia .container .media_block .video ul li a, .multimedia .container .media_block .photo ul li a {
  display: block;
}
.multimedia .container .media_block .video ul li a .pic, .multimedia .container .media_block .photo ul li a .pic {
  overflow: hidden;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.multimedia .container .media_block .video ul li a .pic:before, .multimedia .container .media_block .photo ul li a .pic:before {
  display: inline-block;
  content: "";
  padding-top: 75%;
}
.multimedia .container .media_block .video ul li a .pic img, .multimedia .container .media_block .photo ul li a .pic img {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.multimedia .container .media_block .video ul li a .pic img, .multimedia .container .media_block .photo ul li a .pic img {
  max-width: 100%;
  width: 100%;
  height: 100%;
}
.multimedia .container .media_block .video ul li a span, .multimedia .container .media_block .photo ul li a span {
  padding: 0.5em 1em;
  color: #FFF;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 2em;
  display: block;
  width: 100%;
}
@media screen and (max-width: 575px) {
  .multimedia .container .media_block .video, .multimedia .container .media_block .photo {
    width: 100%;
    float: none;
    margin-top: 0;
  }
}
.multimedia .container .media_block .video a.more, .multimedia .container .media_block .photo a.more {
  color: #fff;
  border: 2px solid #fff;
  text-align: center;
  overflow: hidden;
  vertical-align: middle;
  -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;
  background: transparent;
  border-radius: 30px;
}
.multimedia .container .media_block .video a.more:before, .multimedia .container .media_block .photo a.more:before {
  background: #26559b;
}
.multimedia .container .media_block .video a.more:hover, .multimedia .container .media_block .video a.more:focus, .multimedia .container .media_block .video a.more.active, .multimedia .container .media_block .photo a.more:hover, .multimedia .container .media_block .photo a.more:focus, .multimedia .container .media_block .photo a.more.active {
  color: white;
  border: 2px solid #fff;
}
.multimedia .container .media_block .video a.more:hover:before, .multimedia .container .media_block .video a.more:focus:before, .multimedia .container .media_block .video a.more.active:before, .multimedia .container .media_block .photo a.more:hover:before, .multimedia .container .media_block .photo a.more:focus:before, .multimedia .container .media_block .photo a.more.active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.multimedia .container .media_block .video a.more:hover:after, .multimedia .container .media_block .video a.more:focus:after, .multimedia .container .media_block .video a.more.active:after, .multimedia .container .media_block .photo a.more:hover:after, .multimedia .container .media_block .photo a.more:focus:after, .multimedia .container .media_block .photo a.more.active:after {
  right: 15px;
}
.multimedia .container .media_block .video .pic:after {
  content: "";
  width: 50px;
  height: 50px;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -25px;
  margin-left: -25px;
  background: url(../images/icon_play.png) no-repeat;
  z-index: 99;
}
.multimedia .container .media_block .lazy h3 {
  color: #FFF;
  font-size: 2em;
  font-weight: normal;
  margin-left: 2em;
}
.multimedia .container .media_block .lazy h3 small {
  display: inline-block;
  margin-left: 1em;
  padding: 0.4em 1em;
  font-size: 0.6em;
  background: #FFF;
  color: #2752aa;
  position: relative;
  top: -0.2em;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .multimedia .container .media_block .lazy h3 small {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 6px;
  }
}
.multimedia .container .media_block .lazy h3 small:before {
  content: "";
  position: absolute;
  top: 0.8em;
  left: -8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 8px 4px 0;
  border-color: transparent #ffffff transparent transparent;
}
@media screen and (max-width: 767px) {
  .multimedia .container .media_block .lazy h3 small {
    display: block;
    margin: 1.5em auto 0;
  }
  .multimedia .container .media_block .lazy h3 small:before {
    left: 50%;
    margin-left: -4px;
    top: -8px;
    border-width: 0 4px 8px 4px;
    border-color: transparent transparent #ffffff transparent;
  }
}
@media screen and (max-width: 767px) {
  .multimedia .container .media_block .lazy h3 {
    text-align: center;
    margin-left: 0;
  }
}
.multimedia .container .media_block .lazy 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;
}
.multimedia .container .media_block .lazy ul .slick-dots {
  bottom: 0.5em;
}
.multimedia .container .media_block .lazy ul .slick-dots li button:before {
  background: transparent;
  -webkit-box-shadow: 0 0 0 2px rgb(255, 255, 255) inset;
          box-shadow: 0 0 0 2px rgb(255, 255, 255) inset;
  opacity: 1;
}
.multimedia .container .media_block .lazy ul .slick-dots li.slick-active button:before {
  background: #FFF;
}
.multimedia .container .media_block .lazy ul .slick-dots li button:hover:before {
  background: #00db87;
  -webkit-box-shadow: 0px 0px 0px 1px #00db87;
          box-shadow: 0px 0px 0px 1px #00db87;
}
.multimedia .container .media_block .lazy ul .slick-dots li button:focus:before {
  background: #FFF;
}
.multimedia .container .media_block .lazy ul .slick-dots li.slick-active button:hover:before {
  background: #00db87;
}
.multimedia .container .media_block .lazy ul li {
  margin: 0px 0.5em;
  text-align: center;
}
.multimedia .container .media_block .lazy ul li a {
  position: relative;
  display: block;
}
.multimedia .container .media_block .lazy ul li a:hover .pic, .multimedia .container .media_block .lazy ul li a:focus .pic {
  background: #DDD;
}
.multimedia .container .media_block .lazy ul li a:hover span, .multimedia .container .media_block .lazy ul li a:focus span {
  color: #FCC211;
}
.multimedia .container .media_block .lazy ul li a:focus:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-box-shadow: 0px 0px 0px 5px #FCC211 inset;
          box-shadow: 0px 0px 0px 5px #FCC211 inset;
  z-index: 9;
}
@media screen and (max-width: 767px) {
  .multimedia .container .media_block .lazy ul li a:focus:before {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.multimedia .container .media_block .lazy ul li .pic {
  width: 160px;
  height: 160px;
  margin: 0 auto 0.5em;
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 50%;
  background-clip: padding-box;
  background: #00ac9c;
}
.multimedia .container .media_block .lazy ul li .pic img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -o-object-fit: fill;
     object-fit: fill;
}
.multimedia .container .media_block .lazy ul li span {
  font-size: 1em;
  text-align: center;
  width: 80%;
  line-height: 1.5em;
  display: block;
  height: 3em;
  margin: 0px auto;
  overflow: hidden;
  color: #FFF;
  font-weight: bold;
}

.international .container:after {
  content: "";
  position: relative;
  width: 100%;
  height: 8em;
  background: url(../images/engslogan_international.png) no-repeat center top;
  background-size: contain;
  display: block;
}
@media screen and (max-width: 767px) {
  .international .container:after {
    display: none;
  }
}
.international ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 0 40px 1em;
}
@media screen and (max-width: 767px) {
  .international ul {
    margin-bottom: 0;
    margin: 0 12.5% 0;
  }
}
.international ul li {
  margin: 0.5em 0.4em;
  padding: 0.2em 0.75em;
  min-height: 220px;
  text-align: left;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  opacity: 1;
}
.international ul li a {
  display: block;
}
.international ul li a h3 {
  width: 90%;
  overflow: hidden;
  display: block;
  height: 3em;
  font-size: 0.938em;
  margin: 0.5em auto;
  line-height: 1.5em;
  text-align: center;
  color: #333;
}
.international ul li a:hover h3, .international ul li a:focus h3 {
  color: #00b7a5;
}
.international ul li a:hover img, .international ul li a:focus img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.international ul li .pic {
  overflow: hidden;
  width: 100%;
  position: relative;
  border: 1px solid #dedede;
  overflow: hidden;
}
.international ul li .pic:before {
  display: inline-block;
  content: "";
  padding-top: 75%;
}
.international ul li .pic img {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.international ul li .pic img {
  position: absolute;
  -o-object-fit: fill;
     object-fit: fill;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.international .slick-prev {
  left: -30px;
}
.international .slick-prev:hover, .international .slick-prev:focus {
  -webkit-filter: invert(0);
          filter: invert(0);
}
.international .slick-next {
  right: -30px;
}
.international .slick-next:hover, .international .slick-next:focus {
  -webkit-filter: invert(0);
          filter: invert(0);
}

@media screen and (max-width: 767px) {
  .dashboard {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
.dashboard .container {
  position: relative;
}
.dashboard .container .ratio {
  margin: 0 auto 10px;
  width: 80%;
}
@media screen and (max-width: 991px) {
  .dashboard .container .ratio {
    width: 100%;
  }
}
.dashboard .container .data {
  min-height: 46em;
  margin-left: 14%;
  padding: 1em;
  position: relative;
  margin-bottom: 2em;
  background: #0788d0;
  background: -webkit-gradient(linear, left top, left bottom, from(#0788d0), to(#08aea1));
  background: linear-gradient(to bottom, #0788d0, #08aea1);
}
@media screen and (max-width: 991px) {
  .dashboard .container .data {
    min-height: auto;
  }
}
@media screen and (max-width: 767px) {
  .dashboard .container .data {
    margin-left: 0;
    height: auto;
    padding: 1em 0;
    margin-bottom: 0;
  }
}
.dashboard .container .data:before {
  content: "";
  background: url(../images/engslogan_dash.png) no-repeat left top #FFF;
  background-size: contain;
  position: absolute;
  left: -12%;
  height: 100%;
  width: 12%;
  top: 0;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .dashboard .container .data:before {
    display: none;
  }
}
.dashboard .container h3 {
  color: #FFF;
  text-align: center;
  font-size: 1.5em;
  font-weight: normal;
}
.dashboard .container .item {
  display: block;
  height: 10em;
  width: 33%;
  float: left;
  position: relative;
}
@media screen and (max-width: 575px) {
  .dashboard .container .item {
    float: none;
    width: 90%;
    margin: 0px auto;
    height: auto;
    background: RGBA(0, 0, 0, 0.3);
  }
}
.dashboard .container .item:after {
  position: absolute;
  width: 1px;
  height: 100%;
  border-right: 1px solid #ddd;
  content: "";
  right: 0;
  top: 0;
}
@media screen and (max-width: 575px) {
  .dashboard .container .item:after {
    display: none;
  }
}
.dashboard .container .item:nth-child(3n):after {
  display: none;
}
.dashboard .container .data_box {
  position: relative;
  width: 55%;
  margin: 0px auto 0;
  padding: 1em;
  height: 10em;
  font-family: "Noto Sans", sans-serif;
}
@media screen and (max-width: 991px) {
  .dashboard .container .data_box {
    width: 60%;
  }
}
@media screen and (max-width: 575px) {
  .dashboard .container .data_box {
    width: 100%;
    height: 8em;
  }
}
.dashboard .container .data_box span {
  color: #00ffea;
  text-align: center;
}
.dashboard .container .data_box .num {
  font-size: 5em;
  position: absolute;
  width: 70%;
  left: 0%;
  top: 20%;
  text-align: right;
  letter-spacing: -1px;
}
@media screen and (max-width: 767px) {
  .dashboard .container .data_box .num {
    font-size: 4em;
  }
}
@media screen and (max-width: 575px) {
  .dashboard .container .data_box .num {
    width: 60%;
    text-align: right;
    top: 25%;
  }
}
.dashboard .container .data_box .arrow {
  font-size: 1.25em;
  font-weight: bold;
  position: absolute;
  width: 20%;
  left: 72%;
  top: 10%;
  text-align: left;
}
@media screen and (max-width: 575px) {
  .dashboard .container .data_box .arrow {
    font-size: 1.5em;
    left: 65%;
    top: 15%;
  }
}
.dashboard .container .data_box .percent {
  font-size: 2em;
  font-weight: bold;
  position: absolute;
  width: 20%;
  left: 70%;
  top: 30%;
  text-align: left;
}
@media screen and (max-width: 575px) {
  .dashboard .container .data_box .percent {
    font-size: 1.5em;
    left: 65%;
    top: 38%;
  }
}
.dashboard .container .data_box h3 {
  position: absolute;
  width: 100%;
  bottom: 1em;
  left: 0;
  right: 0;
  margin: 0;
  height: 3em;
  padding: 0;
  line-height: 1.5;
  font-size: 1em;
  display: block;
  overflow: hidden;
  font-family: "Noto Sans TC", sans-serif;
}
@media screen and (max-width: 767px) {
  .dashboard .container .data_box h3 {
    height: 1.5em;
    bottom: 1em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
.dashboard .container .dataSlider {
  width: 70%;
  margin: 0px auto 1em;
}
.dashboard .container .dataSlider .img-container {
  overflow: hidden;
  background: #fff;
  min-height: 340px;
}
.dashboard .container .dataSlider .img-container:before {
  display: inline-block;
  content: "";
  padding-top: 50.0775193798%;
}
.dashboard .container .dataSlider .img-container img {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
@media screen and (max-width: 991px) {
  .dashboard .container .dataSlider .img-container {
    min-height: auto;
    height: 211px;
  }
}
@media screen and (max-width: 767px) {
  .dashboard .container .dataSlider .img-container {
    min-height: auto;
    height: 168px;
  }
}
.dashboard .container .dataSlider .img-container .chart {
  padding: 1em 0.5em;
}
.dashboard .container .dataSlider .img-container .datachart {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.dashboard .container .dataSlider .img-container img {
  position: relative !important;
  height: auto !important;
}
.dashboard .container .dataSlider .img-container .caption {
  line-height: 2em;
  height: 2em;
}
.dashboard .container .dataSlider .img-container:focus:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-box-shadow: 0px 0px 0px 2px #FCC211 inset;
          box-shadow: 0px 0px 0px 2px #FCC211 inset;
  z-index: 9;
}
@media screen and (max-width: 767px) {
  .dashboard .container .dataSlider .img-container:focus:before {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
@media screen and (max-width: 767px) {
  .dashboard .container .dataSlider {
    width: 90%;
    margin: 0px auto 2em;
  }
}
.dashboard .container .dataSlider .slick-dots {
  bottom: -2em;
}
.dashboard .container .dataSlider .slick-dots li button:before {
  background: transparent;
  -webkit-box-shadow: 0 0 0 2px rgb(255, 255, 255) inset;
          box-shadow: 0 0 0 2px rgb(255, 255, 255) inset;
  opacity: 1;
}
.dashboard .container .dataSlider .slick-dots li.slick-active button:before {
  background: #FFF;
}
.dashboard .container .dataSlider .slick-dots li button:hover:before {
  background: #00db87;
  -webkit-box-shadow: 0px 0px 0px 1px #00db87;
          box-shadow: 0px 0px 0px 1px #00db87;
}
.dashboard .container .dataSlider .slick-dots li button:focus:before {
  background: #FFF;
}
.dashboard .container .dataSlider .slick-dots li button:focus:before {
  background: #FFF;
}
.dashboard .container .dataSlider .slick-dots li.slick-active button:hover:before {
  background: #00db87;
}
.dashboard .container .dataSlider .slick-prev {
  -webkit-filter: invert(0);
          filter: invert(0);
  left: -60px;
}
@media screen and (max-width: 767px) {
  .dashboard .container .dataSlider .slick-prev {
    left: 5px;
    -webkit-filter: invert(100%);
            filter: invert(100%);
  }
}
.dashboard .container .dataSlider .slick-prev:hover, .dashboard .container .dataSlider .slick-prev:focus {
  -webkit-filter: invert(0);
          filter: invert(0);
}
.dashboard .container .dataSlider .slick-next {
  -webkit-filter: invert(0);
          filter: invert(0);
  right: -60px;
}
@media screen and (max-width: 767px) {
  .dashboard .container .dataSlider .slick-next {
    right: 5px;
    -webkit-filter: invert(100%);
            filter: invert(100%);
  }
}
.dashboard .container .dataSlider .slick-next:hover, .dashboard .container .dataSlider .slick-next:focus {
  -webkit-filter: invert(0);
          filter: invert(0);
}

.subscribe {
  background: #0788d0;
  color: #FFF;
}
.subscribe h2 {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  margin-bottom: 1em;
}
@media (min-width: 768px) {
  .subscribe h2 {
    float: left;
    width: 25%;
  }
}
@media (min-width: 992px) {
  .subscribe h2 {
    float: left;
    width: 25%;
  }
}
@media (min-width: 1400px) {
  .subscribe h2 {
    float: left;
    width: 25%;
  }
}
.subscribe p {
  float: left;
  width: 50%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (min-width: 768px) {
  .subscribe p {
    float: left;
    width: 41.6666666667%;
  }
}
@media (min-width: 992px) {
  .subscribe p {
    float: left;
    width: 41.6666666667%;
  }
}
@media (min-width: 1400px) {
  .subscribe p {
    float: left;
    width: 41.6666666667%;
  }
}
.subscribe .btn_grp {
  float: left;
  width: 50%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (min-width: 768px) {
  .subscribe .btn_grp {
    float: left;
    width: 33.3333333333%;
  }
}
@media (min-width: 992px) {
  .subscribe .btn_grp {
    float: left;
    width: 33.3333333333%;
  }
}
@media (min-width: 1400px) {
  .subscribe .btn_grp {
    float: left;
    width: 33.3333333333%;
  }
}
.subscribe h2:after {
  background: #FFF;
  height: 2px;
}
.subscribe p {
  padding-left: 90px;
  min-height: 40px;
  background: url(../images/icon_subscribe.png) no-repeat 10px top;
}
@media screen and (max-width: 767px) {
  .subscribe p {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-top: 45px;
  }
}
.subscribe .btn_grp .btn {
  border: 1px solid #FFF;
  background: transparent;
  min-width: 10em;
  color: #FFF;
  border-radius: 0px;
}
.subscribe .btn_grp .btn:hover, .subscribe .btn_grp .btn:focus {
  background: rgba(0, 0, 0, 0.3);
}

.adSlider {
  position: relative;
  min-height: 1px;
  padding-left: 35px;
  padding-right: 35px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .adSlider {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
.adSlider .img-container {
  width: 165px;
  height: 55px;
  margin: 0px 15px;
}
.adSlider .img-container a {
  display: block;
  text-align: center;
}
.adSlider .img-container a img {
  margin: 0 auto;
}
.adSlider .img-container: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 3px #2752aa inset;
          box-shadow: 0 0px 0px 3px #2752aa inset;
}

.fixed_sidebar {
  background: RGBA(0, 0, 0, 0.8);
  width: 60px;
  min-height: 200px;
  position: fixed;
  z-index: 99;
  right: 0;
  top: 13%;
  margin: 0;
  padding: 0;
  padding-bottom: 0.5em;
  border-radius: 3px 0 0 3px;
  background-clip: padding-box;
}
.fixed_sidebar ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.fixed_sidebar ul li {
  width: 60px;
  height: 50px;
}
.fixed_sidebar ul li a {
  display: block;
  padding: 0;
  position: relative;
  text-align: center;
  font-weight: bold;
}
.fixed_sidebar ul li a:hover:before, .fixed_sidebar ul li a:focus:before {
  display: block;
  right: 0;
}
.fixed_sidebar ul li img {
  width: 36px;
  height: 36px;
  margin: 10px auto 4px;
}
@media screen and (max-width: 767px) {
  .fixed_sidebar {
    display: none;
  }
}

body > .quick_link {
  display: block;
  position: fixed;
  z-index: 99;
  width: 100%;
  height: 2.5em;
  bottom: 0;
  left: 0;
  background: RGBA(0, 0, 0, 0.75);
}
body > .quick_link ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  margin: 0px auto;
}
body > .quick_link li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 33%;
  display: block;
  margin: 0;
  float: left;
}
body > .quick_link li:first-child a {
  background: #770f5a;
  border: 1px solid #770f5a;
}
body > .quick_link li:first-child a:hover, body > .quick_link li:first-child a:focus {
  background: #8e126b;
  border: 1px solid #8e126b;
}
body > .quick_link li:nth-child(2) a {
  background: #016ccf;
  border: 1px solid #016ccf;
}
body > .quick_link li:nth-child(2) a:hover, body > .quick_link li:nth-child(2) a:focus {
  background: #0179e8;
  border: 1px solid #0179e8;
}
body > .quick_link li:last-child {
  width: 34%;
}
body > .quick_link li:last-child a {
  background: #00a696;
  border: 1px solid #00a696;
}
body > .quick_link li:last-child a:hover, body > .quick_link li:last-child a:focus {
  background: #00c0ad;
  border: 1px solid #00c0ad;
}
body > .quick_link li a {
  color: #FFF;
  display: block;
  text-align: center;
  line-height: 2.5em;
}
body > .quick_link li a:hover, body > .quick_link li a:focus {
  background: #142a57;
}

.talent {
  background: rgba(119, 15, 90, 0.95);
}
@media screen and (max-width: 767px) {
  .talent {
    background: #770f5a;
  }
}

.trademark {
  background: rgba(1, 108, 207, 0.95);
}
@media screen and (max-width: 767px) {
  .trademark {
    background: #016ccf;
  }
}

.copyright {
  background: rgba(0, 132, 119, 0.95);
}
@media screen and (max-width: 767px) {
  .copyright {
    background: #008477;
  }
}

.subquick {
  display: none;
  margin-left: calc(100vw - 100%);
  width: 100%;
  min-height: 40%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99999;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translate3d(0, 0, 0);
  clear: both;
}
@media screen and (max-width: 767px) {
  .subquick {
    height: 100%;
  }
}
.subquick .close {
  position: fixed;
  width: 2.5em;
  height: 2.5em;
  top: 1em;
  right: 1em;
  display: block;
  background: url(../images/basic/icon_close_white.png) no-repeat center center;
  background-size: cover;
  text-indent: -9999px;
}
.subquick .close:focus {
  background: url(../images/basic/icon_close_white.png) no-repeat center center RGBA(0, 0, 0, 0.35);
  background-size: cover;
}
.subquick h2 {
  vertical-align: middle;
  color: #FFF;
  font-size: 4em;
  font-weight: normal;
  margin: 0 0 0.5em 0;
}
.subquick h2 img {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.3em;
}
@media screen and (max-width: 767px) {
  .subquick h2 {
    font-size: 1.5em;
  }
  .subquick h2 img {
    max-height: 1.5em;
  }
}
.subquick .link_box {
  padding: 4em 2em;
  display: block;
  max-width: 1200px;
  margin: 0px auto 1em;
  color: #FFF;
}
@media screen and (max-width: 767px) {
  .subquick .link_box {
    padding: 2em 3em;
  }
}
.subquick .link_box ul {
  width: 100%;
  margin: 0 auto 2em 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  .subquick .link_box ul {
    width: 96%;
    margin: 0px auto 1em;
  }
}
.subquick .link_box ul li {
  width: 19%;
  margin-right: 1%;
  padding-left: 0%;
  font-size: 1.25em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.subquick .link_box ul li:last-child {
  width: 20%;
  margin-right: 0%;
}
@media screen and (max-width: 767px) {
  .subquick .link_box ul li:last-child {
    width: 100% !important;
    margin-right: 0 !important;
  }
}
.subquick .link_box ul li:last-child ul {
  border-top: none;
}
.subquick .link_box ul li:last-child li {
  margin-bottom: 0.2em;
}
.subquick .link_box ul li:last-child li a {
  border: 1px solid RGBA(255, 255, 255, 0.75) !important;
}
.subquick .link_box ul li:last-child li a:hover, .subquick .link_box ul li:last-child li a:focus {
  border: 1px solid #FFF !important;
}
.subquick .link_box ul li:last-child li a:before {
  display: none;
}
@media screen and (max-width: 767px) {
  .subquick .link_box ul li {
    width: 100%;
    margin: 0;
    padding-left: 0;
  }
}
.subquick .link_box ul ul {
  width: 100%;
  float: none;
  margin: 0 auto;
  margin-top: 0.5em;
  border-top: 1px solid RGBA(255, 225, 225, 0.85);
}
@media screen and (max-width: 767px) {
  .subquick .link_box ul ul {
    padding: 1em;
    width: 96%;
    margin-right: 0;
    padding-right: 0;
  }
}
.subquick .link_box ul ul li {
  width: 25%;
  font-size: 0.8em;
  width: 100%;
  float: none;
  display: block;
  background: transparent;
}
@media screen and (max-width: 767px) {
  .subquick .link_box ul ul li {
    margin-bottom: 0em;
    border-bottom: 1px dashed RGBA(255, 255, 255, 0.35);
    margin-right: 0;
  }
}
.subquick .link_box ul ul li:last-child {
  width: 100%;
  margin-right: auto;
}
.subquick .link_box ul ul li a {
  padding: 0.3em 1em;
  display: block;
  border: none;
  text-align: left;
  border: none;
  position: relative;
}
.subquick .link_box ul ul li a:before {
  position: absolute;
  width: 4px;
  height: 4px;
  background: #FFF;
  border-radius: 50%;
  top: 1em;
  left: 0.3em;
  content: "";
}
.subquick .link_box ul ul li a:hover, .subquick .link_box ul ul li a:focus {
  border: none !important;
  background: rgba(0, 0, 0, 0.25) !important;
}
@media screen and (max-width: 767px) {
  .subquick .link_box ul ul li a {
    background: none;
    padding: 0.5em 1em;
    line-height: 1.45em;
  }
}
.subquick .link_box a.more {
  font-size: 1em;
  border: 1px solid #FFF;
  color: #FFF;
  margin: 1em auto 1em 0;
  background: rgba(0, 0, 0, 0.15) !important;
  width: 11em;
}
.subquick .link_box a.more:after {
  top: 1.1em;
}
.subquick .link_box a.more:hover, .subquick .link_box a.more:focus {
  background: rgba(0, 0, 0, 0.5) !important;
}
@media screen and (max-width: 767px) {
  .subquick .link_box a.more {
    font-size: 1.25em;
    margin: 1em auto;
  }
}

.lp table {
  margin-bottom: 2em;
}
.lp table td {
  text-align: left;
  max-width: 20%;
}
@media screen and (max-width: 767px) {
  .lp table td {
    max-width: 100%;
    min-height: 24px;
  }
}
.lp table td a {
  color: #008477;
  text-decoration: none;
}
.lp table td a:hover, .lp table td a:focus {
  color: #00b7a5;
  cursor: pointer;
}
.lp table td a.fw {
  width: 30px;
  height: 30px;
  display: block;
  border-radius: 50%;
  background: #2752aa;
  text-indent: -9999px;
  position: relative;
  margin: 0 auto;
}
.lp table td a.fw:before {
  content: "";
  position: absolute;
  width: 60%;
  height: 60%;
  top: 20%;
  left: 20%;
  background: url(../images/basic/icon_forward.png) no-repeat center center;
  background-size: 100%;
  -webkit-filter: invert(100%);
          filter: invert(100%);
}
.lp table td a.fw:hover, .lp table td a.fw:focus {
  background: #00ac9c;
}
.lp table td a.sdoc {
  width: 30px;
  height: 30px;
  display: block;
  border-radius: 50%;
  background: #00ac9c;
  text-indent: -9999px;
  position: relative;
  margin: 0 auto;
}
.lp table td a.sdoc:before {
  content: "";
  position: absolute;
  width: 60%;
  height: 60%;
  top: 20%;
  left: 20%;
  background: url(../images/basic/icon_search.png) no-repeat center center;
  background-size: 100%;
}
.lp table td a.sdoc:hover, .lp table td a.sdoc:focus {
  background: #2752aa;
}
.lp table td.date {
  text-align: center;
  color: #666;
}
@media screen and (max-width: 767px) {
  .lp table td.date {
    text-align: left;
  }
}
.lp table td.num {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .lp table td.num {
    text-align: left;
  }
}
.lp table td.number {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .lp table td.number {
    text-align: left;
  }
}
.lp table td.brand {
  text-align: center;
  color: #F77810;
}
@media screen and (max-width: 767px) {
  .lp table td.brand {
    text-align: left;
  }
}
.lp table td.center {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .lp table td.center {
    text-align: left;
  }
}
.lp table td a.ebook {
  width: 24px;
  height: 24px;
  display: block;
  margin-right: 4px;
  background: url(../images/basic/icon_ebook.png);
  background-size: cover;
  margin: 0 auto;
  text-indent: -9999px;
}
@media screen and (max-width: 767px) {
  .lp table td a.ebook {
    margin: 0;
  }
}
.lp table td a.doc, .lp table td a.odf, .lp table td a.pdf, .lp table td a.xls, .lp table td a.ppt, .lp table td a.ppt, .lp table td a.jpg, .lp table td a.mp3, .lp table td a.mov, .lp table td a.txt, .lp table td a.dot, .lp table td a.zip, .lp table td a.other {
  width: 21px;
  height: 24px;
  display: inline-block;
  margin-right: 4px;
  text-indent: -9999px;
}
@media screen and (max-width: 767px) {
  .lp table td a.doc, .lp table td a.odf, .lp table td a.pdf, .lp table td a.xls, .lp table td a.ppt, .lp table td a.ppt, .lp table td a.jpg, .lp table td a.mp3, .lp table td a.mov, .lp table td a.txt, .lp table td a.dot, .lp table td a.zip, .lp table td a.other {
    margin-bottom: 4px;
  }
}
.lp table td a.doc {
  background: url(../images/basic/icon_doc.jpg);
}
.lp table td a.odf {
  background: url(../images/basic/icon_odf.jpg);
}
.lp table td a.pdf {
  background: url(../images/basic/icon_pdf.jpg);
}
.lp table td a.xls {
  background: url(../images/basic/icon_xls.jpg);
}
.lp table td a.ppt {
  background: url(../images/basic/icon_ppt.jpg);
}
.lp table td a.jpg {
  background: url(../images/basic/icon_jpg.jpg);
}
.lp table td a.mp3 {
  background: url(../images/basic/icon_mp3.jpg);
}
.lp table td a.mov {
  background: url(../images/basic/icon_mov.jpg);
}
.lp table td a.txt {
  background: url(../images/basic/icon_txt.jpg);
}
.lp table td a.dot {
  background: url(../images/basic/icon_doc.jpg);
}
.lp table td a.zip {
  background: url(../images/basic/icon_zip.jpg);
}
.lp table td a.other {
  background: url(../images/basic/icon_other.jpg);
}
.lp .list > ul, .lp .list ol {
  list-style-type: none;
  padding: 0;
  border-top: 2px solid #2752aa;
}
.lp .list > ul > li, .lp .list ol > li {
  padding: 1em 0;
  border-bottom: 1px solid #DDD;
  position: relative;
  overflow: hidden;
}
.lp .list > ul > li .tag, .lp .list ol > li .tag {
  margin-left: 2em;
}
.lp .list > ul > li > a, .lp .list ol > li > a {
  display: block;
  padding-left: 2.8em;
  position: relative;
  line-height: 1.45em;
  color: #222;
}
.lp .list > ul > li > a span.num, .lp .list ol > li > a span.num {
  width: 2.5em;
  text-align: right;
  position: absolute;
  top: 3px;
  left: 0;
}
.lp .list > ul > li > a span.num:after, .lp .list ol > li > a span.num:after {
  content: ".";
  display: inline-block;
}
.lp .list > ul > li > a span.pic, .lp .list ol > li > a span.pic {
  float: left;
  width: 250px;
  max-height: 170px;
  margin-right: 20px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .lp .list > ul > li > a span.pic, .lp .list ol > li > a span.pic {
    width: 100%;
    max-height: none;
    float: none;
  }
}
.lp .list > ul > li > a span.pic img, .lp .list ol > li > a span.pic img {
  max-width: 100%;
  max-height: 170px;
  height: auto;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .lp .list > ul > li > a span.pic img, .lp .list ol > li > a span.pic img {
    width: 100%;
    max-height: none;
  }
}
.lp .list > ul > li > a .title, .lp .list ol > li > a .title {
  display: block;
  font-size: 1.125em;
  line-height: 1.6em;
  font-weight: bold;
  margin: 0 0 5px 0;
  max-height: 3.2em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #008477;
}
.lp .list > ul > li > a span.title, .lp .list ol > li > a span.title {
  margin-bottom: 0;
}
.lp .list > ul > li > a span.dept, .lp .list ol > li > a span.dept {
  display: inline-block;
  font-size: 0.938em;
  margin-bottom: 5px;
  color: #949494;
  margin-right: 10px;
}
.lp .list > ul > li > a time, .lp .list ol > li > a time {
  display: inline-block;
  color: #949494;
  font-size: 0.938em;
  margin-bottom: 5px;
}
.lp .list > ul > li > a span.text, .lp .list ol > li > a span.text {
  display: block;
  color: #555;
  font-size: 0.938em;
  line-height: 1.6em;
  max-height: 6.4em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.lp .list > ul > li > a:hover .title, .lp .list ol > li > a:hover .title {
  color: #222;
}
.lp .list.list-title ul li a .title {
  display: inline-block;
  margin: 0 10px 0 0;
  max-height: 100%;
  line-height: 1.4em;
  vertical-align: middle;
}
.lp .list.list-title ul li a .dept, .lp .list.list-title ul li a time {
  margin-bottom: 0;
}
.lp .album {
  margin: 1em -15px;
  overflow: hidden;
}
.lp .album ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.lp .album ul li {
  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) {
  .lp .album ul li {
    float: left;
    width: 50%;
  }
}
@media (min-width: 992px) {
  .lp .album ul li {
    float: left;
    width: 25%;
  }
}
@media (min-width: 1400px) {
  .lp .album ul li {
    float: left;
    width: 25%;
  }
}
.lp .album ul li a {
  display: block;
  text-align: center;
  width: 100%;
  margin: 2% 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 320px;
  border: 1px solid #DDD;
  padding: 10px;
  color: #222;
  text-decoration: none;
}
.lp .album ul li a:hover, .lp .album ul li a:focus {
  color: #00b7a5;
  cursor: pointer;
}
@media screen and (max-width: 1399px) {
  .lp .album ul li a {
    min-height: 260px;
  }
}
@media screen and (max-width: 991px) {
  .lp .album ul li a {
    min-height: auto;
  }
}
.lp .album ul li a time {
  color: #666;
}
.lp .album ul li a:hover .imgOuter img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.lp .album ul li .imgOuter {
  width: 100%;
  overflow: hidden;
}
.lp .album ul li .imgOuter:before {
  display: inline-block;
  content: "";
  padding-top: 75%;
}
.lp .album ul li .imgOuter img {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.lp .album ul li .imgOuter img {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
  -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.938em;
  display: block;
  margin: 15px 0 5px;
}

.btn_advanced_search {
  vertical-align: top;
  margin: 0;
  padding: 0.5em 1em !important;
}
@media screen and (max-width: 767px) {
  .btn_advanced_search {
    display: block;
    width: 100%;
    margin: 10px 0 0 0;
  }
}
.btn_advanced_search:before {
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  opacity: 0.7;
}
.btn_advanced_search:hover, .btn_advanced_search:focus {
  -webkit-box-shadow: 0 0 0 0;
          box-shadow: 0 0 0 0;
  outline: 0;
}

.btn_advanced_search {
  text-align: center;
  letter-spacing: 1px;
  color: #0b0000;
  background: #f1f1f1;
  border: 1px solid #bdbdbd;
}
.btn_advanced_search:before {
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url(../images/basic/icon_search_black.png) no-repeat 0 0;
  background-size: cover;
  vertical-align: middle;
  margin-right: 8px;
}
.btn_advanced_search:hover, .btn_advanced_search:focus {
  color: #FFF;
  background: #4bb5c8;
  background: -webkit-gradient(linear, left top, left bottom, from(#4bb5c8), to(#2e8898));
  background: linear-gradient(to bottom, #4bb5c8, #2e8898);
  border: 1px solid #2e8898;
}
.btn_advanced_search:hover:before, .btn_advanced_search:focus:before {
  background: url(../images/basic/icon_search.png) no-repeat 0 0;
  background-size: cover;
}

.btn_calendar {
  text-indent: -9999px;
  width: 36px;
  height: 36px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 3px;
}
.btn_calendar:before {
  content: "";
  width: 28px;
  height: 28px;
  display: block;
  background: url(../images/icon_calendar.png) no-repeat 0 0;
  background-size: cover;
  line-height: 40px;
  margin: 0 auto;
}
.btn_calendar:hover:before, .btn_calendar:focus:before {
  background-size: cover;
}

.advanced_search_block, .advanced_search_block2 {
  margin-top: -48px;
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .advanced_search_block, .advanced_search_block2 {
    margin-top: 0;
  }
}
.advanced_search_block .advanced_search, .advanced_search_block2 .advanced_search {
  border-radius: 0;
  background-clip: padding-box;
  clear: both;
  background: #f2f2f2;
  margin: 0.8em 0 1em 0;
  padding: 1.5em;
  border-top: 5px solid #4bb5c8;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  display: none;
}
.advanced_search_block .advanced_search label, .advanced_search_block2 .advanced_search label {
  text-align: right;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .advanced_search_block .advanced_search .form_grid, .advanced_search_block2 .advanced_search .form_grid {
    margin: 0;
  }
}
@media screen and (max-width: 767px) {
  .advanced_search_block .advanced_search .form_grid .form_title, .advanced_search_block2 .advanced_search .form_grid .form_title {
    float: none;
    padding-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .advanced_search_block .advanced_search .form_grid .form_content, .advanced_search_block2 .advanced_search .form_grid .form_content {
    float: none;
    padding-left: 0;
    padding-right: 0;
  }
}
.advanced_search_block .advanced_search .form_content .form_grp, .advanced_search_block2 .advanced_search .form_content .form_grp {
  border: none;
  padding: 0.2em;
}
.advanced_search_block .advanced_search .form_content .form_grp p, .advanced_search_block2 .advanced_search .form_content .form_grp p {
  margin: 0;
  font-size: 0.813em;
}
.advanced_search_block .advanced_search .btn_grp, .advanced_search_block2 .advanced_search .btn_grp {
  margin-bottom: 0;
  padding-bottom: 0;
}
.advanced_search_block .advanced_search .btn_grp input, .advanced_search_block2 .advanced_search .btn_grp input {
  padding: 0.4em 0.5em;
}

.advanced_search_block2 {
  margin-top: 0;
  margin-bottom: 15px;
}
.advanced_search_block2 .advanced_search {
  display: block;
}

.np ul, .np ol {
  overflow: hidden;
  padding: 1em 0;
  margin: 0;
  overflow: hidden;
}
.np li {
  display: block;
  width: 48%;
  margin: 0 2% 1.2em 0;
  float: left;
  -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: 2px solid #115d9c;
  padding: 1em 1em 1em 2em;
  display: block;
  vertical-align: top;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  background: url(../images/npbg.png) right top;
  color: #fff;
  background-size: cover;
  color: #fff;
}
.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 #3478bc;
}

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

.cp table {
  background: #fff;
}
.cp img.float_left {
  float: left;
  margin: 0px 1em 1em 0;
  width: auto;
  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;
  }
}
.cp a {
  color: #008477;
  text-decoration: none;
}
.cp a:hover, .cp a:focus {
  color: #00b7a5;
  cursor: pointer;
}
.cp .info {
  font-size: 0.938em;
  line-height: 1.5em;
  list-style: none;
  margin: 0 auto 0.7em auto;
  text-align: center;
  border-top: solid 5px #f2f2f2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.8em 1.5em 0.8em;
}
.cp .info li {
  width: 24%;
  display: inline-block;
  vertical-align: top;
}
@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;
  }
}
.cp .album {
  margin: 1em -15px;
  overflow: hidden;
}
.cp .album h3 {
  font-size: 1.5em;
  padding: 0;
  margin-bottom: 30px;
  margin-left: 15px;
  margin-right: 15px;
  position: relative;
}
.cp .album h3:after {
  content: "";
  width: 100%;
  height: 4px;
  position: absolute;
  bottom: -14px;
  left: 0;
  background: rgb(1, 172, 157);
  background: -webkit-gradient(linear, left top, right top, from(rgb(1, 172, 157)), color-stop(25%, rgb(75, 181, 200)), to(rgb(33, 51, 124)));
  background: linear-gradient(90deg, rgb(1, 172, 157) 0%, rgb(75, 181, 200) 25%, rgb(33, 51, 124) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#01ac9d",endColorstr="#21337c",GradientType=1);
}
.cp .album ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.cp .album ul li {
  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) {
  .cp .album ul li {
    float: left;
    width: 50%;
  }
}
@media (min-width: 992px) {
  .cp .album ul li {
    float: left;
    width: 25%;
  }
}
@media (min-width: 1400px) {
  .cp .album ul li {
    float: left;
    width: 25%;
  }
}
.cp .album ul li a {
  display: block;
  text-align: center;
  width: 100%;
  margin: 2% 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 320px;
  border: 1px solid #ddd;
  padding: 10px;
  color: #222;
  text-decoration: none;
}
.cp .album ul li a:hover, .cp .album ul li a:focus {
  color: #00b7a5;
  cursor: pointer;
}
@media screen and (max-width: 1399px) {
  .cp .album ul li a {
    min-height: 260px;
  }
}
@media screen and (max-width: 991px) {
  .cp .album ul li a {
    min-height: auto;
  }
}
.cp .album ul li a time {
  color: #666;
}
.cp .album ul li a:hover .imgOuter img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.cp .album ul li .imgOuter {
  width: 100%;
  overflow: hidden;
}
.cp .album ul li .imgOuter:before {
  display: inline-block;
  content: "";
  padding-top: 75%;
}
.cp .album ul li .imgOuter img {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.cp .album ul li .imgOuter img {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.cp .album ul li .caption {
  text-align: left;
  width: 94%;
  margin-left: 3%;
}
.cp .album ul li .caption h3 {
  height: 3em;
  overflow: hidden;
  line-height: 1.5em;
  display: block;
  margin: 5px 0;
}
.cp .album ul li .caption time {
  color: #666;
  font-size: 0.938em;
  display: block;
  margin: 15px 0 5px;
}
.cp .law_article {
  border-top: 5px solid #4bb5c8;
  clear: both;
  border-radius: 0;
  background-clip: padding-box;
  background: #f2f2f2;
  margin-top: 0.8em;
  margin-bottom: 2em;
  padding: 1.8em;
  display: block;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
.cp .law_article table,
.cp .law_article th,
.cp .law_article td {
  background: transparent;
  color: #222;
  border: 0px;
}
.cp .law_article th {
  text-align: right;
  vertical-align: top;
}
.cp .law_article tr {
  border-bottom: 1px dotted #ccc;
}
.cp .law_article tr:last-of-type {
  border-bottom: 0;
}
@media screen and (max-width: 767px) {
  .cp .law_article table {
    width: 100%;
    min-width: auto;
    padding: 1em;
  }
}
.cp .law_article ul {
  padding-left: 19px;
}
.cp .law_article ol {
  padding-left: 18px;
}
@media screen and (max-width: 767px) {
  .cp .law_table {
    width: 100%;
    min-width: 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: #00b7a5;
  cursor: pointer;
}

.file_download {
  width: 100%;
  margin: 0 auto;
  clear: both;
  zoom: 1;
}
.file_download:before, .file_download:after {
  content: "";
  display: table;
}
.file_download:after {
  clear: both;
}
.file_download h3 {
  font-size: 1.5em;
  padding: 0;
  margin-bottom: 30px;
  position: relative;
  position: relative;
}
.file_download h3:after {
  content: "";
  width: 100%;
  height: 4px;
  position: absolute;
  bottom: -14px;
  left: 0;
  background: rgb(1, 172, 157);
  background: -webkit-gradient(linear, left top, right top, from(rgb(1, 172, 157)), color-stop(25%, rgb(75, 181, 200)), to(rgb(33, 51, 124)));
  background: linear-gradient(90deg, rgb(1, 172, 157) 0%, rgb(75, 181, 200) 25%, rgb(33, 51, 124) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#01ac9d",endColorstr="#21337c",GradientType=1);
}
.file_download ul {
  counter-reset: counter;
  padding: 0;
  margin-left: 0;
}
.file_download li {
  position: relative;
  margin-bottom: 10px;
  padding-left: 35px;
  border-bottom: 1px solid #eee;
  clear: both;
  overflow: hidden;
  padding-bottom: 0.7em;
}
.file_download li:before {
  position: absolute;
  top: 3px;
  left: 0px;
  text-align: right;
  width: 30px;
  counter-increment: counter;
  content: counters(counter, ".") " . ";
}
.file_download li .update,
.file_download li .file_view {
  font-size: 0.813em;
  color: #aaa;
  padding-left: 10px;
  float: none;
  margin-top: 5px;
}
@media screen and (max-width: 767px) {
  .file_download li .update,
  .file_download li .file_view {
    display: inline-block;
    float: none;
    width: auto;
    margin-top: 0;
  }
}
@media screen and (max-width: 575px) {
  .file_download li .update,
  .file_download li .file_view {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .file_download li .update {
    margin-left: 5px;
  }
}
.file_download li span {
  display: inline-block;
  margin-right: 1em;
}
@media screen and (max-width: 767px) {
  .file_download li span {
    display: block;
    margin-bottom: 0.3em;
  }
}
.file_download li a .kb {
  font-size: 0.75em;
  color: #666;
  display: inline-block;
  margin: 0px 0.5em;
}
.file_download li a.doc, .file_download li a.odf, .file_download li a.pdf, .file_download li a.xls, .file_download li a.ppt, .file_download li a.ppt, .file_download li a.jpg, .file_download li a.mp3, .file_download li a.mov, .file_download li a.txt, .file_download li a.dot, .file_download li a.zip, .file_download li a.other {
  width: 21px;
  height: 24px;
  display: inline-block;
  margin-right: 4px;
  text-indent: -9999px;
  vertical-align: text-bottom;
}
.file_download li a.doc {
  background: url(../images/basic/icon_doc.jpg);
}
.file_download li a.odf {
  background: url(../images/basic/icon_odf.jpg);
}
.file_download li a.pdf {
  background: url(../images/basic/icon_pdf.jpg);
}
.file_download li a.xls {
  background: url(../images/basic/icon_xls.jpg);
}
.file_download li a.ppt {
  background: url(../images/basic/icon_ppt.jpg);
}
.file_download li a.jpg {
  background: url(../images/basic/icon_jpg.jpg);
}
.file_download li a.mp3 {
  background: url(../images/basic/icon_mp3.jpg);
}
.file_download li a.mov {
  background: url(../images/basic/icon_mov.jpg);
}
.file_download li a.txt {
  background: url(../images/basic/icon_txt.jpg);
}
.file_download li a.dot {
  background: url(../images/basic/icon_doc.jpg);
}
.file_download li a.zip {
  background: url(../images/basic/icon_zip.jpg);
}
.file_download li a.other {
  background: url(../images/basic/icon_other.jpg);
}

.web_link {
  width: 100%;
  margin: 0 auto;
}
.web_link h3 {
  font-size: 1.5em;
  padding: 0;
  margin-bottom: 30px;
  position: relative;
}
.web_link h3:after {
  content: "";
  width: 100%;
  height: 4px;
  position: absolute;
  bottom: -14px;
  left: 0;
  background: rgb(1, 172, 157);
  background: -webkit-gradient(linear, left top, right top, from(rgb(1, 172, 157)), color-stop(25%, rgb(75, 181, 200)), to(rgb(33, 51, 124)));
  background: linear-gradient(90deg, rgb(1, 172, 157) 0%, rgb(75, 181, 200) 25%, rgb(33, 51, 124) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#01ac9d",endColorstr="#21337c",GradientType=1);
}
.web_link ol,
.web_link ul {
  counter-reset: counter;
  list-style-type: none;
  padding: 0;
  margin-left: 0;
}
.web_link li {
  position: relative;
  padding-bottom: 10px;
  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: #00b7a5;
  cursor: pointer;
}
.web_link li a:before {
  position: absolute;
  top: 5px;
  left: 0px;
  text-align: right;
  width: 30px;
  counter-increment: counter;
  content: counters(counter, ".") " . ";
}

.satisfaction {
  letter-spacing: 0.1em;
  border-radius: 2px;
  padding: 1.2em 2em;
  margin-bottom: 30px;
  background: rgb(1, 172, 157);
  background: -webkit-gradient(linear, left top, right top, from(rgb(1, 172, 157)), color-stop(25%, rgb(75, 181, 200)), to(rgb(33, 51, 124)));
  background: linear-gradient(90deg, rgb(1, 172, 157) 0%, rgb(75, 181, 200) 25%, rgb(33, 51, 124) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#01ac9d",endColorstr="#21337c",GradientType=1);
}
.satisfaction label,
.satisfaction .btn_grp,
.satisfaction .result {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
}
.satisfaction label {
  margin-right: 1em;
  margin-bottom: 0;
}
.satisfaction .btn_grp input[type=button] {
  background: transparent;
  border: 1px solid #fff;
}
.satisfaction .result {
  float: right;
  margin-top: 20px;
}
.satisfaction .result em {
  font-size: 2em;
  font-style: normal;
  font-weight: bold;
  margin-right: 0.2em;
}

.applyBlock .applyStep {
  list-style: none;
  padding: 0 0 0 66px;
  margin: 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  .applyBlock .applyStep {
    padding: 0;
  }
}
.applyBlock .applyStep > li {
  margin-bottom: 30px;
}
.applyBlock .applyStep > li:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 100%;
  background: url(../images/dotted_bg.png) 0 0 repeat-y;
  left: 24px;
  top: 0;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .applyBlock .applyStep > li:before {
    display: none;
  }
}
.applyBlock .applyStep > li .stepTitle {
  position: relative;
  color: #222;
  font-size: 1.625rem;
  font-weight: bold;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .applyBlock .applyStep > li .stepTitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    margin-bottom: 10px;
  }
}
.applyBlock .applyStep > li .stepTitle span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  left: -66px;
  top: -10px;
  color: #fff;
  background: #148d82;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 1.4375rem;
  -webkit-box-shadow: 0 0 0 14px #fff;
          box-shadow: 0 0 0 14px #fff;
}
@media screen and (max-width: 767px) {
  .applyBlock .applyStep > li .stepTitle span {
    position: relative;
    left: 0;
    top: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.applyBlock .applyStep > li p {
  margin: 0 0 8px 0;
}
.applyBlock .applyStep > li .applyBanner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
@media screen and (max-width: 1200px) {
  .applyBlock .applyStep > li .applyBanner {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
  }
}
.applyBlock .applyStep > li .applyBanner a {
  position: relative;
}
@media screen and (max-width: 767px) {
  .applyBlock .applyStep > li .applyBanner a {
    width: 100%;
  }
}
.applyBlock .applyStep > li .applyBanner a:hover:before, .applyBlock .applyStep > li .applyBanner a:focus-visible:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0;
  -webkit-box-shadow: 0 0 0 2px #148d82 inset;
          box-shadow: 0 0 0 2px #148d82 inset;
}
.applyBlock .applyStep > li .applyBanner a img {
  width: 100%;
  display: block;
}
.applyBlock .applyStep .applyAccordion {
  padding: 30px;
  background: #f2f2f2;
}
.applyBlock .applyStep .applyAccordion > ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.applyBlock .applyStep .applyAccordion > ul li.accordionList .accordionBtn {
  width: 100%;
  text-align: left;
  position: relative;
  background: none;
  color: #222;
  border: 0;
  border-bottom: 1px solid #c8c8c8;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0.5rem 100px 0.5rem 0;
  margin: 0;
}
.applyBlock .applyStep .applyAccordion > ul li.accordionList .accordionBtn:after {
  content: "";
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: block;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(../images/icon/icon_plus.svg) no-repeat center center;
  background-size: 30px;
}
.applyBlock .applyStep .applyAccordion > ul li.accordionList .accordionBtn:hover, .applyBlock .applyStep .applyAccordion > ul li.accordionList .accordionBtn:focus-visible {
  color: #008477;
}
.applyBlock .applyStep .applyAccordion > ul li.accordionList .accordionBtn:hover::after, .applyBlock .applyStep .applyAccordion > ul li.accordionList .accordionBtn:focus-visible::after {
  background: url(../images/icon/icon_plus_.svg) no-repeat center center;
}
.applyBlock .applyStep .applyAccordion > ul li.accordionList .accordionBtn:focus-visible {
  -webkit-box-shadow: 0 0 0 2px #008477;
          box-shadow: 0 0 0 2px #008477;
}
.applyBlock .applyStep .applyAccordion > ul li.accordionList .accordionBtn .accordionState {
  position: absolute;
  right: 50px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .applyBlock .applyStep .applyAccordion > ul li.accordionList .accordionBtn .accordionState {
    display: none;
  }
}
.applyBlock .applyStep .applyAccordion > ul li.accordionList .accordionContent .content {
  padding: 0.5rem 0;
}
.applyBlock .applyStep .applyAccordion > ul li.accordionList .accordionContent .content p {
  margin-bottom: 8px;
}
.applyBlock .applyStep .applyAccordion > ul li.accordionList .accordionContent .content a {
  text-decoration: underline;
  text-underline-offset: 4px;
}
.applyBlock .applyStep .applyAccordion > ul li.accordionList .accordionContent .content a:hover {
  text-decoration: none;
}
.applyBlock .applyStep .applyAccordion > ul li.accordionList.active .accordionBtn:after {
  content: "";
  background: url(../images/icon/icon_minus.svg) no-repeat center center;
  background-size: 30px;
}
.applyBlock .applyStep .applyAccordion > ul li.accordionList.active .accordionBtn:hover, .applyBlock .applyStep .applyAccordion > ul li.accordionList.active .accordionBtn:focus-visible {
  color: #008477;
}
.applyBlock .applyStep .applyAccordion > ul li.accordionList.active .accordionBtn:hover::after, .applyBlock .applyStep .applyAccordion > ul li.accordionList.active .accordionBtn:focus-visible::after {
  background: url(../images/icon/icon_minus_.svg) no-repeat center center;
}
.applyBlock .applyStep .applyAccordion > ul li.accordionList.active .accordionBtn:focus-visible {
  -webkit-box-shadow: 0 0 0 2px #008477;
          box-shadow: 0 0 0 2px #008477;
}

.fp, .qp, .epaper {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  clear: both;
  margin: 0.8em 0 2.5em 0;
  padding: 1.5em;
  border: 6px solid #eee;
}
.fp label.form_title, .qp label.form_title, .epaper label.form_title {
  font-weight: bold;
}
.fp .form_content label, .qp .form_content label, .epaper .form_content label {
  text-align: left;
  margin-bottom: 0;
  margin-right: 5px;
}
.fp .btn_grp, .qp .btn_grp, .epaper .btn_grp {
  margin-bottom: 0;
  padding-bottom: 0;
}

.survey .table_list {
  margin-bottom: 2em;
}
.survey .table_list td {
  text-align: left;
  max-width: 20%;
}
@media screen and (max-width: 767px) {
  .survey .table_list td {
    max-width: 100%;
  }
}
.survey .table_list td a {
  color: #222;
  text-decoration: none;
}
.survey .table_list td a:hover, .survey .table_list td a:focus {
  color: #00b7a5;
  cursor: pointer;
}
.survey .table_list td a:hover {
  text-decoration: underline;
}
.survey .table_list td.date {
  text-align: center;
  color: #666;
}
@media screen and (max-width: 767px) {
  .survey .table_list td.date {
    text-align: left;
  }
}
.survey .table_list td.num {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .survey .table_list td.num {
    text-align: left;
  }
}
.survey .table_list td.number {
  text-align: center;
  color: #2752aa;
}
@media screen and (max-width: 767px) {
  .survey .table_list td.number {
    text-align: left;
  }
}
.survey .table_list td.brand {
  text-align: center;
  color: #00ac9c;
}
@media screen and (max-width: 767px) {
  .survey .table_list td.brand {
    text-align: left;
  }
}
.survey .table_list td.center {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .survey .table_list td.center {
    text-align: left;
  }
}
.survey .table_list td a.statistics {
  display: block;
  background: #00ac9c;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  text-align: center;
  text-indent: -9999px;
  position: relative;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .survey .table_list td a.statistics {
    margin: 0;
  }
}
.survey .table_list td a.statistics:before {
  content: "";
  position: absolute;
  background: url(../images/basic/icon_statistics.png) no-repeat center center;
  background-size: 18px;
  width: 18px;
  height: 18px;
  top: 50%;
  left: 50%;
  margin-left: -9px;
  margin-top: -9px;
  display: block;
  -webkit-filter: invert(100%);
          filter: invert(100%);
}
.survey .table_list td a.statistics:hover, .survey .table_list td a.statistics:focus {
  background: #2752aa;
}
.survey .table_list td a.survey {
  display: block;
  background: #2752aa;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  text-align: center;
  text-indent: -9999px;
  position: relative;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .survey .table_list td a.survey {
    margin: 0;
  }
}
.survey .table_list td a.survey:before {
  content: "";
  position: absolute;
  background: url(../images/basic/icon_survey.png) no-repeat center center;
  background-size: 20px;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  display: block;
  -webkit-filter: invert(100%);
          filter: invert(100%);
}
.survey .table_list td a.survey:hover, .survey .table_list td a.survey:focus {
  background: #00ac9c;
}
.survey .info {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  clear: both;
  margin: 0.8em 0 2.5em 0;
  padding: 1.5em;
  border: 6px solid #eee;
}
.survey .info table {
  border: 0px;
  margin-bottom: 0;
}
.survey .info table tr {
  border-bottom: 1px solid #DDD;
}
.survey .info table tr:last-child {
  border-bottom: 0;
}
.survey .info table tr:last-child th, .survey .info table tr:last-child td {
  border-bottom: 0;
}
.survey .info table th {
  text-align: right;
  width: 15%;
}
@media screen and (max-width: 767px) {
  .survey .info table th {
    width: 20%;
    white-space: normal;
  }
}
.survey .info table th, .survey .info table td {
  background: transparent;
  color: #444;
  border: 0;
}
.survey .info table th a.statistics, .survey .info table td a.statistics {
  display: inline-block;
  background: #00ac9c;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .survey .info table th a.statistics, .survey .info table td a.statistics {
    margin: 0;
  }
}
.survey .info table th a.statistics:before, .survey .info table td a.statistics:before {
  content: "";
  position: absolute;
  background: url(../images/basic/icon_statistics.png) no-repeat center center;
  background-size: 18px;
  width: 18px;
  height: 18px;
  top: 50%;
  left: 50%;
  margin-left: -9px;
  margin-top: -9px;
  display: block;
  -webkit-filter: invert(100%);
          filter: invert(100%);
}
.survey .info table th a.statistics:hover, .survey .info table th a.statistics:focus, .survey .info table td a.statistics:hover, .survey .info table td a.statistics:focus {
  background: #2752aa;
}
.survey .info table th a.survey, .survey .info table td a.survey {
  display: inline-block;
  background: #2752aa;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .survey .info table th a.survey, .survey .info table td a.survey {
    margin: 0;
  }
}
.survey .info table th a.survey:before, .survey .info table td a.survey:before {
  content: "";
  position: absolute;
  background: url(../images/basic/icon_survey.png) no-repeat center center;
  background-size: 20px;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  display: block;
  -webkit-filter: invert(100%);
          filter: invert(100%);
}
.survey .info table th a.survey:hover, .survey .info table th a.survey:focus, .survey .info table td a.survey:hover, .survey .info table td a.survey:focus {
  background: #00ac9c;
}
.survey .survey_form fieldset {
  margin: 0 0 2em 0;
}
.survey .survey_form legend {
  position: relative;
  width: 100%;
  margin-bottom: 1.5em;
  font-weight: bold;
  padding-bottom: 0.1em;
  font-size: 1.5em;
}
.survey .survey_form legend:after {
  content: "";
  width: 100%;
  height: 4px;
  position: absolute;
  bottom: -14px;
  left: 0;
  background: rgb(1, 172, 157);
  background: -webkit-gradient(linear, left top, right top, from(rgb(1, 172, 157)), color-stop(25%, rgb(75, 181, 200)), to(rgb(33, 51, 124)));
  background: linear-gradient(90deg, rgb(1, 172, 157) 0%, rgb(75, 181, 200) 25%, rgb(33, 51, 124) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#01ac9d",endColorstr="#21337c",GradientType=1);
}
.survey .survey_form label.form_title {
  font-weight: bold;
  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) {
  .survey .survey_form label.form_title {
    float: left;
    width: 33.3333333333%;
  }
}
@media (min-width: 992px) {
  .survey .survey_form label.form_title {
    float: left;
    width: 33.3333333333%;
  }
}
@media (min-width: 1400px) {
  .survey .survey_form label.form_title {
    float: left;
    width: 33.3333333333%;
  }
}
.survey .survey_form div.form_title {
  display: block;
  clear: both;
  width: 100%;
  font-weight: bold;
  margin: 10px 0;
}
.survey .survey_form div.form_title + .form_grp {
  border-bottom: 0;
  padding: 0.2em 0;
}
.survey .survey_form div.form_title + .form_grp label {
  font-weight: normal;
}
.survey .survey_form div.form_title + .form_grp + .form_grp {
  border-bottom: 0;
  padding: 0.2em 0;
}
.survey .survey_form div.form_title + .form_grp + .form_grp label {
  font-weight: normal;
}
.survey .survey_form div.form_title + .form_grp + .form_grp + .form_grp {
  border-bottom: 0;
  padding: 0.2em 0;
}
.survey .survey_form div.form_title + .form_grp + .form_grp + .form_grp label {
  font-weight: normal;
}
.survey .survey_form div.form_title + .form_grp + .form_grp + .form_grp + .form_grp {
  padding: 0 0 0.5em 0;
}
.survey .survey_form div.form_title + .form_grp + .form_grp + .form_grp + .form_grp label {
  font-weight: normal;
}
.survey .survey_form .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) {
  .survey .survey_form .form_content {
    float: left;
    width: 66.6666666667%;
  }
}
@media (min-width: 992px) {
  .survey .survey_form .form_content {
    float: left;
    width: 66.6666666667%;
  }
}
@media (min-width: 1400px) {
  .survey .survey_form .form_content {
    float: left;
    width: 66.6666666667%;
  }
}
.survey .survey_form img.captcha ~ .btn {
  margin: 0 0 0.3em 0.3em;
}
.survey .survey_result {
  margin-bottom: 2em;
}
.survey .survey_result h2 {
  position: relative;
  margin-bottom: 1.5em;
}
.survey .survey_result h2 span {
  float: right;
  color: #444;
  font-size: 0.75em;
}
.survey .survey_result h2:after {
  content: "";
  width: 100%;
  height: 4px;
  position: absolute;
  bottom: -14px;
  left: 0;
  background: rgb(1, 172, 157);
  background: -webkit-gradient(linear, left top, right top, from(rgb(1, 172, 157)), color-stop(25%, rgb(75, 181, 200)), to(rgb(33, 51, 124)));
  background: linear-gradient(90deg, rgb(1, 172, 157) 0%, rgb(75, 181, 200) 25%, rgb(33, 51, 124) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#01ac9d",endColorstr="#21337c",GradientType=1);
}
.survey .result_block .title {
  font-weight: bold;
  margin-bottom: 1em;
}
.survey .result_block .result_bar {
  border: 1px solid #ddd;
  border-left: 5px solid #4bb5c8;
  margin-bottom: 2em;
}
.survey .result_block .result_bar th {
  color: #444;
  background: #eee;
  font-weight: bold;
  text-align: right;
  width: 24%;
  border-bottom: 1px solid #ddd;
  padding: 0.5em 1em;
}
.survey .result_block .result_bar td {
  width: 50%;
  border-left: 1px solid #ddd;
}
@media screen and (max-width: 767px) {
  .survey .result_block .result_bar td {
    width: 30%;
  }
}
.survey .result_block .result_bar td .barbg {
  width: 100%;
  background: #eee;
  border-radius: 7px;
}
.survey .result_block .result_bar td .bar {
  display: block;
  background: #00ac9c;
  height: 12px;
  border-radius: 6px;
}
.survey .result_block .result_bar td.percent {
  width: 10%;
}
@media screen and (max-width: 767px) {
  .survey .result_block .result_bar td.percent {
    width: 20%;
  }
}
.survey .result_block .result_bar td.percent + td {
  width: 10%;
}
@media screen and (max-width: 767px) {
  .survey .result_block .result_bar td.percent + td {
    width: 20%;
  }
}
.survey .result_block .btn {
  background: #4bb5c8;
  background: -webkit-gradient(linear, left top, left bottom, from(#4bb5c8), to(#4bb5c8));
  background: linear-gradient(to bottom, #4bb5c8, #4bb5c8);
  border: 1px solid #3499ac;
  color: #FFF;
  -webkit-box-shadow: 0px 2px 2px RGBA(0, 0, 0, 0.08);
          box-shadow: 0px 2px 2px RGBA(0, 0, 0, 0.08);
  border-radius: 2px;
}
.survey .result_block .btn:hover, .survey .result_block .btn:focus {
  background: #3499ac;
  background: -webkit-gradient(linear, left top, left bottom, from(#3499ac), to(#3499ac));
  background: linear-gradient(to bottom, #3499ac, #3499ac);
  cursor: pointer;
  color: #FFF;
}
.survey .result_block ol {
  padding: 1.5em;
  border: 1px solid #eee;
}
.survey .result_block ol li {
  padding: 0.5em 0;
  border-bottom: 1px solid #ddd;
  list-style-position: inside;
}
.survey .result_block ol li:last-child {
  border-bottom: 0;
}

.investigation_banner img {
  width: 100%;
  height: auto;
}

.investigation {
  position: relative;
  overflow: hidden;
}
.investigation h2 {
  text-align: center;
  margin-bottom: 1.5em;
}
.investigation h2:after {
  content: "";
  left: 50% !important;
  margin-left: -15%;
}
.investigation .left_block {
  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: 1.4em;
  padding-bottom: 1.4em;
}
@media (min-width: 768px) {
  .investigation .left_block {
    float: left;
    width: 25%;
  }
}
@media (min-width: 992px) {
  .investigation .left_block {
    float: left;
    width: 25%;
  }
}
@media (min-width: 1400px) {
  .investigation .left_block {
    float: left;
    width: 25%;
  }
}
.investigation .left_block .left_login {
  background: #2752aa;
  color: #fff;
  margin-bottom: 1.2em;
  padding: 0.5em 0.8em;
  overflow: hidden;
}
.investigation .left_block .left_login .name {
  line-height: 46px;
  display: inline-block;
  vertical-align: middle;
}
.investigation .left_block .left_login .name:before {
  content: "";
  height: 30px;
  width: 30px;
  display: inline-block;
  background: url(../images/basic/user.png) no-repeat 0 0;
  background-size: cover;
  line-height: 46px;
  vertical-align: middle;
  margin-right: 0.5em;
}
.investigation .left_block .left_login a.btn {
  padding: 0.5em 0.6em !important;
  float: right;
  min-width: auto;
  background: transparent;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.6);
}
.investigation .left_block .left_login a.btn:hover {
  background: #fff;
  color: #2752aa;
}
.investigation .left_block .left_menu {
  background: #f1f1f1;
  border: 1px solid #ccc;
  border-left: 4px solid #4bb5c8;
  font-size: 0.938em;
}
@media screen and (max-width: 767px) {
  .investigation .left_block .left_menu {
    display: none;
  }
}
.investigation .left_block .left_menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.investigation .left_block .left_menu ul li {
  border-bottom: 1px solid #ccc;
}
.investigation .left_block .left_menu ul li a {
  padding: 0.6em 1em 0.6em 0.8em;
  display: block;
  color: #444;
}
.investigation .left_block .left_menu ul li a:hover {
  background: #4bb5c8;
  color: #fff;
}
.investigation .left_block .left_menu ul li ul {
  background: #fff;
}
.investigation .left_block .left_menu ul li ul li {
  border-bottom: 0;
}
.investigation .left_block .left_menu ul li ul li a {
  padding: 0.6em 0.8em;
}
.investigation .left_block .left_menu ul li ul li a:hover {
  background: #ddd;
  color: #444;
}
.investigation .right_block {
  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) {
  .investigation .right_block {
    float: left;
    width: 75%;
  }
}
@media (min-width: 992px) {
  .investigation .right_block {
    float: left;
    width: 75%;
  }
}
@media (min-width: 1400px) {
  .investigation .right_block {
    float: left;
    width: 75%;
  }
}
.investigation .right_block h2 {
  text-align: left;
  margin-bottom: 1.5em;
}
.investigation .right_block h2:after {
  content: "";
  left: 0 !important;
  margin-left: 0%;
}
.investigation .right_block .advanced_search_block {
  margin-top: -10px;
}

.faq table td a {
  color: #008477;
  text-decoration: none;
}
.faq table td a:hover, .faq table td a:focus {
  color: #00b7a5;
  cursor: pointer;
}

.patent .patent_search_block {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  clear: both;
  padding: 0.5em 1.5em;
  margin-bottom: 1.5em;
  border: 6px solid #eee;
  border-radius: 2px;
  background-clip: padding-box;
}
.patent .patent_search_block .tabs > .tabItem {
  font-size: 1.25em;
  position: relative;
}
.patent .patent_search_block .tabs > .tabItem:after {
  height: 4px;
  width: 30%;
  position: absolute;
  content: "";
  left: 50%;
  margin-left: -15%;
  bottom: -1em;
  margin-bottom: 0.5em;
  background: #DDD;
  left: 0;
  width: 100%;
  bottom: -0.5em;
  margin-left: 0;
}
.patent .patent_search_block .tabs > .tabItem.active:after {
  content: "";
  background: #03ad9e;
  background: -webkit-gradient(linear, left top, right top, from(#03ad9e), color-stop(25%, #4db1c7), to(#21337c));
  background: linear-gradient(90deg, #03ad9e 0%, #4db1c7 25%, #21337c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#03ad9e",endColorstr="#21337c",GradientType=1);
}
.patent .patent_search_block .tabContent {
  padding: 30px 0 0 0;
}
.patent .patent_search_block .tabContent .form_grid {
  margin: 0;
}
.patent .patent_search_block .tabContent .form_title {
  font-weight: bold;
  text-align: right;
}
.patent .patent_search_block .tabContent .btn_grp {
  padding-bottom: 0;
}
.patent .patent_search_block .tabContent table.version {
  border: 1px solid #ccc;
  border-left: 5px solid #4bb5c8;
  margin: 1.5em 0;
}
.patent .patent_search_block .tabContent table.version th {
  width: 10%;
  color: #444;
  text-align: left;
  background: #f5f5f5;
  background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#f5f5f5));
  background: linear-gradient(to bottom, #f5f5f5, #f5f5f5);
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.patent .info {
  font-size: 0.938em;
  line-height: 1.5em;
  list-style: none;
  margin: 0 auto 0.7em auto;
  text-align: center;
  border-top: solid 5px #F2F2F2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.8em 1.5em 0.8em;
}
.patent .info li {
  width: 24%;
  display: inline-block;
  vertical-align: top;
}
@media screen and (max-width: 991px) {
  .patent .info li {
    width: 48%;
    margin-bottom: 0.2em;
    font-size: 0.875em;
  }
}
@media screen and (max-width: 767px) {
  .patent .info li {
    width: 100%;
    display: block;
  }
}
.patent .total {
  float: right;
  margin-top: 0.5em;
}
.patent .total em {
  font-style: normal;
  font-weight: bold;
  color: #008477;
  margin: 0 0.5em;
}
.patent .mode {
  font-weight: bold;
}
.patent .mode a {
  display: inline-block;
  padding: 0.4em 1em;
  margin: 0 0.2em;
  color: #FFF;
  background: #444;
  border: 1px solid #444;
  border-radius: 2px;
  text-shadow: none;
  font-weight: normal;
  font-size: 1em;
}
.patent .mode a:hover {
  background: #888;
}
.patent .mode a.active {
  background: #4bb5c8;
  border: 1px solid #3499ac;
  color: #FFF;
  -webkit-box-shadow: 0px 2px 2px RGBA(0, 0, 0, 0.08);
          box-shadow: 0px 2px 2px RGBA(0, 0, 0, 0.08);
  border-radius: 2px;
  background: #4bb5c8;
  background: -webkit-gradient(linear, left top, left bottom, from(#4bb5c8), to(#4bb5c8));
  background: linear-gradient(to bottom, #4bb5c8, #4bb5c8);
}
.patent .mode a.active:hover {
  background: #3499ac;
}
.patent .patent_table {
  border: 1px solid #ccc;
  border-top: 5px solid #4bb5c8;
  margin: 1.5em 0;
}
.patent .patent_table tr th {
  background: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
  background: linear-gradient(to bottom, #fff, #fff);
  text-align: left;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.patent .patent_table tr th a {
  color: #288d9f;
}
.patent .patent_table tr.lv1 th, .patent .patent_table tr.lv2 th, .patent .patent_table tr.lv3 th {
  width: 20%;
}
.patent .patent_table tr.lv1 th, .patent .patent_table tr.lv1 td, .patent .patent_table tr.lv2 th, .patent .patent_table tr.lv2 td, .patent .patent_table tr.lv3 th, .patent .patent_table tr.lv3 td {
  background: #0f7486;
  color: #fff;
}
.patent .patent_table tr.lv1 th a, .patent .patent_table tr.lv1 td a, .patent .patent_table tr.lv2 th a, .patent .patent_table tr.lv2 td a, .patent .patent_table tr.lv3 th a, .patent .patent_table tr.lv3 td a {
  color: #fff;
}
.patent .patent_table tr.lv2 th, .patent .patent_table tr.lv2 td {
  background: #288d9f;
  background: -webkit-gradient(linear, left top, left bottom, from(#288d9f), to(#288d9f));
  background: linear-gradient(to bottom, #288d9f, #288d9f);
}
.patent .patent_table tr.lv3 th, .patent .patent_table tr.lv3 td {
  background: #37a4b7;
  background: -webkit-gradient(linear, left top, left bottom, from(#37a4b7), to(#37a4b7));
  background: linear-gradient(to bottom, #37a4b7, #37a4b7);
}
.patent .patent_table tr.lv_head th, .patent .patent_table tr.lv_head td {
  background: #f5f5f5;
  background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#f5f5f5));
  background: linear-gradient(to bottom, #f5f5f5, #f5f5f5);
}
.patent .ipc_table {
  border: 1px solid #ccc;
  margin: 1.5em 0;
}
.patent .ipc_table tr.lv1 {
  background: #0f7486;
}
.patent .ipc_table tr.lv2 {
  background: #288d9f;
  background: -webkit-gradient(linear, left top, left bottom, from(#288d9f), to(#288d9f));
  background: linear-gradient(to bottom, #288d9f, #288d9f);
}
.patent .ipc_table th {
  text-align: center;
  width: 50%;
  background: transparent;
}
.patent .ipc_table th, .patent .ipc_table td {
  border-right: 1px solid #ccc;
}

.map {
  overflow: hidden;
  height: auto;
  margin-bottom: 1.5em;
  position: relative;
  background: #C8E9FB;
  border: 1px solid #ccc;
}
@media screen and (max-width: 767px) {
  .map {
    border: 0px;
  }
}
.map .nation {
  position: absolute;
  z-index: 9;
  right: 3%;
  top: 3%;
}
@media screen and (max-width: 767px) {
  .map .nation {
    position: relative;
    right: auto;
    top: auto;
  }
}
.map .nation ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 767px) {
  .map .nation ul {
    padding-bottom: 1em;
    background: #fff;
  }
}
.map .nation li {
  display: block;
}
.map .nation li a {
  padding: 8%;
  display: block;
  color: #fff;
  white-space: nowrap;
  background: rgba(0, 0, 0, 0.8);
  font-size: 1.125em;
}
@media screen and (max-width: 991px) {
  .map .nation li a {
    padding: 5% 8%;
    font-size: 1em;
  }
}
@media screen and (max-width: 767px) {
  .map .nation li a {
    background: #ddd;
    color: #444;
    padding: 5%;
    border-bottom: 1px solid #fff;
  }
}
.map .nation li a:hover, .map .nation li a:focus, .map .nation li a.active {
  background: #666;
  color: #fff;
}
.map .nation li a:before {
  content: "";
  width: 39px;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5em;
}
.map .nation li a.singapore:before {
  background: url(../images/flag_singapore.png) no-repeat 0 0;
  background-size: contain;
}
.map .nation li a.indonesia:before {
  background: url(../images/flag_indonesia.png) no-repeat 0 0;
  background-size: contain;
}
.map .nation li a.malaysia:before {
  background: url(../images/flag_malaysia.png) no-repeat 0 0;
  background-size: contain;
}
.map .nation li a.myanmar:before {
  background: url(../images/flag_myanmar.png) no-repeat 0 0;
  background-size: contain;
}
.map .nation li a.vietnam:before {
  background: url(../images/flag_vietnam.png) no-repeat 0 0;
  background-size: contain;
}
.map .nation li a.cambodia:before {
  background: url(../images/flag_cambodia.png) no-repeat 0 0;
  background-size: contain;
}
.map .nation li a.philippine:before {
  background: url(../images/flag_philippine.png) no-repeat 0 0;
  background-size: contain;
}
.map .nation li a.laos:before {
  background: url(../images/flag_laos.png) no-repeat 0 0;
  background-size: contain;
}
.map .nation li a.thailand:before {
  background: url(../images/flag_thailand.png) no-repeat 0 0;
  background-size: contain;
}
.map .nation li a.singapore:before {
  background: url(../images/flag_singapore.png) no-repeat 0 0;
  background-size: contain;
}
.map .nation2 {
  position: absolute;
  z-index: 9;
  left: 3%;
  top: 3%;
}
@media screen and (max-width: 767px) {
  .map .nation2 {
    position: relative;
    left: auto;
    top: auto;
  }
}
.map .nation2 ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 767px) {
  .map .nation2 ul {
    padding-bottom: 1em;
    background: #fff;
  }
}
.map .nation2 li {
  display: block;
}
.map .nation2 li a {
  padding: 8%;
  display: block;
  color: #fff;
  white-space: nowrap;
  background: rgba(0, 0, 0, 0.8);
  font-size: 1.125em;
  width: 100%;
}
@media screen and (max-width: 991px) {
  .map .nation2 li a {
    padding: 5% 8%;
    font-size: 1em;
  }
}
@media screen and (max-width: 767px) {
  .map .nation2 li a {
    background: #ddd;
    color: #444;
    padding: 5%;
    border-bottom: 1px solid #fff;
  }
}
.map .nation2 li a:hover, .map .nation2 li a:focus, .map .nation2 li a.active {
  background: #666;
  color: #fff;
}
.map .nation2 li a:before {
  content: "";
  width: 39px;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5em;
}
.map .nation2 li a.india:before {
  background: url(../images/flag_india.png) no-repeat 0 0;
  background-size: contain;
}
.map .nation2 li a.pakistan:before {
  background: url(../images/flag_pakistan.png) no-repeat 0 0;
  background-size: contain;
}
.map .nation2 li a.bangladesh:before {
  background: url(../images/flag_bangladesh.png) no-repeat 0 0;
  background-size: contain;
}
.map .nation2 li a.nepal:before {
  background: url(../images/flag_nepal.png) no-repeat 0 0;
  background-size: contain;
  height: 50px;
}
.map .nation2 li a.sriLanka:before {
  background: url(../images/flag_srilanka.png) no-repeat 0 0;
  background-size: contain;
}
.map .nation2 li a.bhutan:before {
  background: url(../images/flag_bhutan.png) no-repeat 0 0;
  background-size: contain;
}
.map .sg_map {
  width: 80px;
  height: 80px;
  display: block;
  background: url(../images/singapore_map.png) no-repeat 0 0;
  background-size: contain;
  position: absolute;
  left: 24%;
  top: 66%;
  z-index: 10;
  border: 2px solid #fff;
  border-radius: 50%;
  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.5);
          box-shadow: 0 3px 8px rgba(0, 0, 0, 0.5);
  display: none;
}
.map svg#map {
  width: 100%;
  height: auto;
  min-height: 750px;
  position: relative;
  z-index: 8;
}
@media screen and (max-width: 767px) {
  .map svg#map {
    display: none;
  }
}
.map svg#map path {
  fill: #fff;
  stroke: #7C7C7A;
  stroke-width: 0.5;
}
.map svg#map g path {
  stroke: #444;
  stroke-width: 0.5;
}
.map svg#map g.sg path {
  fill: #FF0000;
}
.map svg#map g.sg:hover path {
  fill: #db0f00;
}
.map svg#map g.id path {
  fill: #dfe455;
}
.map svg#map g.id:hover path {
  fill: #f6ff00;
}
.map svg#map g.my path {
  fill: #2198A0;
}
.map svg#map g.my:hover path {
  fill: #10d5e2;
}
.map svg#map g.mm path {
  fill: #9E78C5;
}
.map svg#map g.mm:hover path {
  fill: #894fc4;
}
.map svg#map g.vn path {
  fill: #45BE8C;
}
.map svg#map g.vn:hover path {
  fill: #00e385;
}
.map svg#map g.kh path {
  fill: #9BC242;
}
.map svg#map g.kh:hover path {
  fill: #77a510;
}
.map svg#map g.ph path {
  fill: #E55542;
}
.map svg#map g.ph:hover path {
  fill: #e3321b;
}
.map svg#map g.la path {
  fill: #F0BB27;
}
.map svg#map g.la:hover path {
  fill: #ffe400;
}
.map svg#map g.th path {
  fill: #EA8F30;
}
.map svg#map g.th:hover path {
  fill: #ff7800;
}
.map svg#map g.bn path {
  fill: #FD57B1;
}
.map svg#map g.bn:hover path {
  fill: #e71888;
}
.map svg#map g.in path {
  fill: #aec754;
}
.map svg#map g.in:hover path {
  fill: #acd80e;
}
.map svg#map g.pk path {
  fill: #5abd8c;
}
.map svg#map g.pk:hover path {
  fill: #00d16a;
}
.map svg#map g.bd path {
  fill: #56b6c3;
}
.map svg#map g.bd:hover path {
  fill: #1bd5ee;
}
.map svg#map g.np path {
  fill: #f6cd36;
}
.map svg#map g.np:hover path {
  fill: #ffe400;
}
.map svg#map g.lk path {
  fill: #d0684e;
}
.map svg#map g.lk:hover path {
  fill: #d34623;
}
.map svg#map g.bt path {
  fill: #ff9c00;
}
.map svg#map g.bt:hover path {
  fill: #ff7e00;
}
.map svg#map g:focus path, .map svg#map g.focus path {
  fill: #7C7C7A;
}
.map svg#map path, .map svg#map text {
  opacity: 1;
  display: block;
  z-index: 1;
}

.table.gsc-search-box table td {
  border-bottom: 0 !important;
}

.cse .gsc-search-button-v2, .gsc-search-button-v2 {
  padding: 8px 27px !important;
}

.gsc-search-box-tools .gsc-search-box .gsc-input {
  padding: 0 !important;
}

.gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus {
  border-color: #444 !important;
  background-color: #444 !important;
}

.gsc-above-wrapper-area {
  border-bottom: 0 !important;
}

.gsst_a .gscb_a {
  color: #aaa !important;
}

.gscb_a {
  line-height: 32px !important;
}

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

.cascading {
  border-top: 1px solid #CCC;
  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: 1.25em;
  font-weight: bold;
  border-bottom: 2px solid #2752aa;
}
.cascading li a:hover, .cascading li a:focus {
  color: #2752aa !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: 1em;
  padding: 0.3em 0;
  border-bottom: 1px dotted #ccc;
  background-color: transparent;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .cascading {
    width: 95%;
    margin: 0px auto;
  }
  .cascading li {
    width: 100%;
  }
}

.edm {
  width: 100%;
  margin: 0px auto;
  background: #666;
}
@media screen and (max-width: 1000px) {
  .edm {
    background: #fff;
  }
}
.edm a {
  display: block;
}
.edm a:hover, .edm a:focus {
  color: #2a8398;
}
.edm a:hover .block_title,
.edm a:hover .block_text, .edm a:focus .block_title,
.edm a:focus .block_text {
  color: #2a8398;
}

.edm_cover {
  width: 1100px;
  margin: 0 auto 0 auto;
  background: #fff;
  padding-top: 46px;
}
@media screen and (max-width: 1000px) {
  .edm_cover {
    width: 100%;
    padding-top: 0;
  }
}
.edm_cover a {
  display: block;
  width: 1000px;
  height: 512px;
  background: url(../images/edm/cover.jpg) no-repeat left top;
  background-size: cover;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
}
@media screen and (max-width: 1000px) {
  .edm_cover a {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .edm_cover a {
    height: 280px;
  }
}
.edm_cover a:hover .edm_title {
  background: #2a8398;
}
.edm_cover .edm_title {
  color: #fff;
  font-size: 2.25rem;
  line-height: 100%;
  letter-spacing: 6px;
  display: inline-block;
  position: absolute;
  padding: 28px 36px;
  background: #be3fa1;
  top: 76px;
  right: 0;
  margin: 0;
}
@media screen and (max-width: 1000px) {
  .edm_cover .edm_title {
    top: 0;
    font-size: 1.75rem;
    padding: 16px 20px;
    right: 0;
  }
}
.edm_cover .edm_title span.en {
  display: block;
  font-size: 2rem;
  letter-spacing: 1px;
  margin-bottom: 10px;
}
@media screen and (max-width: 1000px) {
  .edm_cover .edm_title span.en {
    font-size: 1.5rem;
    margin-bottom: 5px;
  }
}
.edm_cover .cover_title {
  text-align: justify;
  color: #fff;
  position: absolute;
  letter-spacing: 10px;
  left: 24px;
  bottom: 44px;
  font-size: 2rem;
  margin: 0;
}
@media screen and (max-width: 1000px) {
  .edm_cover .cover_title {
    bottom: 20px;
    left: 24px;
  }
}
.edm_cover .cover_title span.en {
  display: block;
  font-size: 1rem;
  letter-spacing: 0;
  margin-top: 10px;
  font-weight: normal;
}
@media screen and (max-width: 1000px) {
  .edm_cover .cover_title span.en {
    margin-top: 6px;
  }
}

.edm_content {
  width: 1100px;
  margin: 0 auto;
  background: #fff;
}
@media screen and (max-width: 1000px) {
  .edm_content {
    width: 100%;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
.edm_content .no {
  line-height: 58px;
  font-size: 1.25rem;
  text-align: center;
  margin-bottom: 40px;
  width: 100%;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .edm_content .no {
    font-size: 1.125rem;
  }
}
.edm_content .no span {
  margin-right: 20px;
}
.edm_content .block_name {
  font-size: 1.75rem;
  color: #313131;
  text-align: center;
  margin: 0;
  line-height: 100%;
  margin-bottom: 50px;
  padding-bottom: 24px;
  position: relative;
  clear: both;
  zoom: 1;
}
.edm_content .block_name:before, .edm_content .block_name:after {
  content: "";
  display: table;
}
.edm_content .block_name:after {
  clear: both;
}
.edm_content .block_name:after {
  content: "";
  width: 60px;
  height: 2px;
  background: #f06153;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -30px;
}
.edm_content .block_name a {
  color: #313131;
}
.edm_content .block_title {
  font-size: 1.5rem;
  margin: 0;
  color: #313131;
  text-align: justify;
  margin: 0 0 14px 0;
  line-height: 130%;
  font-weight: bold;
}
.edm_content .block_text {
  color: #535353;
  text-align: justify;
  line-height: 180%;
  font-size: 1.125em;
  overflow: hidden;
}
.edm_content ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.edm_content .block_1,
.edm_content .block_2,
.edm_content .block_3,
.edm_content .block_4,
.edm_content .block_5 {
  width: 940px;
  margin: 0 auto 80px auto;
  clear: both;
  zoom: 1;
}
.edm_content .block_1:before, .edm_content .block_1:after,
.edm_content .block_2:before,
.edm_content .block_2:after,
.edm_content .block_3:before,
.edm_content .block_3:after,
.edm_content .block_4:before,
.edm_content .block_4:after,
.edm_content .block_5:before,
.edm_content .block_5:after {
  content: "";
  display: table;
}
.edm_content .block_1:after,
.edm_content .block_2:after,
.edm_content .block_3:after,
.edm_content .block_4:after,
.edm_content .block_5:after {
  clear: both;
}
@media screen and (max-width: 1000px) {
  .edm_content .block_1,
  .edm_content .block_2,
  .edm_content .block_3,
  .edm_content .block_4,
  .edm_content .block_5 {
    width: 100%;
  }
}
.edm_content .block_1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  .edm_content .block_1 {
    display: block;
  }
}
.edm_content .block_1 .block_content {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.edm_content .block_1 .block_content .block_name {
  font-size: 1.125rem;
  font-weight: bold;
  color: #f06153;
  margin: 0 0 14px 0;
  padding-bottom: 0;
  text-align: left;
}
.edm_content .block_1 .block_content .block_name:after {
  display: none;
}
.edm_content .block_1 .block_content .block_name a {
  color: #f06153;
}
.edm_content .block_1 .block_pic {
  margin-left: 32px;
  width: 508px;
  height: 400px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .edm_content .block_1 .block_pic {
    width: 100%;
    height: auto;
    margin-bottom: 1em;
    display: block;
    margin-left: 0;
  }
}
.edm_content .block_1 .block_pic img {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .edm_content .block_1 .block_pic img {
    height: auto;
  }
}
.edm_content .block_2 ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  margin-bottom: 42px;
}
@media screen and (max-width: 767px) {
  .edm_content .block_2 ul li {
    display: block;
  }
}
.edm_content .block_2 .block_pic {
  margin-right: 32px;
  width: 380px;
  height: 280px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .edm_content .block_2 .block_pic {
    width: 100%;
    height: auto;
    margin-bottom: 1em;
    display: block;
    margin-right: 0;
  }
}
.edm_content .block_2 .block_pic img {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .edm_content .block_2 .block_pic img {
    height: auto;
  }
}
.edm_content .block_2 .block_content {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.edm_content .block_2 .block_content .block_title {
  font-size: 1.5rem;
}
.edm_content .block_3 ul li {
  margin-bottom: 40px;
}
.edm_content .block_3 .more {
  text-align: center;
}
.edm_content .block_3 .more a {
  padding: 20px 56px;
  border-radius: 40px;
  background: #5f549e;
  font-size: 1.25rem;
  display: inline-block;
  color: #fff;
}
.edm_content .block_3 .more a:hover, .edm_content .block_3 .more a:focus {
  background: #2a8398;
}
.edm_content .block_4 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .edm_content .block_4 ul {
    display: block;
  }
}
.edm_content .block_4 ul li {
  width: 32%;
  margin-bottom: 1em;
}
@media screen and (max-width: 767px) {
  .edm_content .block_4 ul li {
    width: 100%;
  }
}
.edm_content .block_4 .block_title {
  font-size: 1.125rem;
}
.edm_content .block_4 .block_pic {
  width: 100%;
  height: 200px;
  display: block;
  overflow: hidden;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 767px) {
  .edm_content .block_4 .block_pic {
    margin-bottom: 1em;
    height: auto;
  }
}
.edm_content .block_4 .block_pic img {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .edm_content .block_4 .block_pic img {
    height: auto;
  }
}
.edm_content .block_5 ul li {
  background: #2a8398 url(../images/edm/arrow.png) no-repeat right center;
  white-space: nowrap;
  line-height: 4.5em;
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.edm_content .block_5 ul li:nth-child(even) {
  background: #2e9db2 url(../images/edm/arrow.png) no-repeat right center;
}
.edm_content .block_5 ul li .classify a {
  line-height: 4.5em;
  padding: 0 13px 0 25px;
  color: #fff268;
  display: block;
  font-size: 1.25rem;
}
.edm_content .block_5 ul li .classify a:hover, .edm_content .block_5 ul li .classify a:focus {
  background: #333;
}
.edm_content .block_5 ul li .block_text {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  min-width: 0;
  font-size: 1.25rem;
}
.edm_content .block_5 ul li .block_text a {
  color: #fff;
  line-height: 4.5em;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 60px;
  padding-left: 12px;
}
.edm_content .block_5 ul li .block_text a:hover, .edm_content .block_5 ul li .block_text a:focus {
  background: #106478 url(../images/edm/arrow.png) no-repeat right center;
}
.edm_content .block_banner ul li {
  width: 100%;
  max-height: 320px;
  display: block;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .edm_content .block_banner ul li {
    height: auto;
  }
}
.edm_content .block_banner ul li a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.edm_content .block_banner ul li a:hover:before, .edm_content .block_banner ul li a:focus:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(0, 0, 0, 0.3);
  z-index: 10;
}
.edm_content .block_banner ul li a img {
  width: 100%;
  height: 100%;
  max-height: 320px;
  display: block;
  position: relative;
  z-index: 9;
}
.edm_content .block_link_1 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  .edm_content .block_link_1 ul {
    display: block;
  }
}
.edm_content .block_link_1 ul li {
  width: 50%;
  text-align: center;
  height: 580px;
}
@media screen and (max-width: 767px) {
  .edm_content .block_link_1 ul li {
    width: 100%;
    height: 350px;
  }
}
.edm_content .block_link_1 ul li:first-child {
  background: url(../images/edm/link_papers.jpg) no-repeat center center;
  background-size: cover;
}
.edm_content .block_link_1 ul li:last-child {
  background: url(../images/edm/link_subscription.jpg) no-repeat center center;
  background-size: cover;
}
.edm_content .block_link_1 ul li a {
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  display: block;
  position: relative;
  -webkit-transition: all 1s;
  transition: all 1s;
}
.edm_content .block_link_1 ul li a:hover, .edm_content .block_link_1 ul li a:focus {
  background: rgba(0, 0, 0, 0.3);
}
.edm_content .block_link_1 ul li a .block_title {
  color: #fff;
  margin-top: 145px;
  margin-bottom: 60px;
  font-size: 2rem;
  text-align: center;
  display: inline-block;
  clear: both;
}
@media screen and (max-width: 767px) {
  .edm_content .block_link_1 ul li a .block_title {
    margin-top: 60px;
    margin-bottom: 30px;
  }
}
.edm_content .block_link_1 ul li a .block_text {
  color: #fff;
  display: block;
  clear: both;
  text-align: center;
  font-size: 1.25rem;
}
.edm_content .block_link_1 ul li a .more {
  color: #fff;
  padding: 16px 40px;
  position: absolute;
  bottom: 125px;
  border: 2px solid #fff;
  border-radius: 40px;
  font-size: 1.25rem;
  left: 50%;
  margin-left: -82px;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .edm_content .block_link_1 ul li a .more {
    position: relative;
    left: auto;
    bottom: auto;
    margin-left: 0;
    margin-top: 30px;
  }
}
.edm_content .block_link_2 {
  width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .edm_content .block_link_2 {
    width: 100%;
    margin: 20px auto 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
.edm_content .block_link_2 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  .edm_content .block_link_2 ul {
    display: block;
  }
}
.edm_content .block_link_2 ul li {
  width: 33.33%;
}
@media screen and (max-width: 767px) {
  .edm_content .block_link_2 ul li {
    width: 100%;
  }
}
.edm_content .block_link_2 ul li a {
  display: block;
}
.edm_content .block_link_2 ul li a img {
  width: 100%;
  height: auto;
  display: block;
}
.edm_content .block_info {
  padding: 0px 0 30px 0;
}
.edm_content .block_info ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  .edm_content .block_info ul {
    display: block;
  }
}
.edm_content .block_info ul li {
  width: 33.33%;
  text-align: center;
  padding: 20px 0;
}
@media screen and (max-width: 767px) {
  .edm_content .block_info ul li {
    width: 100%;
  }
}
.edm_content .block_info ul li .pic {
  text-align: center;
  margin-bottom: 20px;
}
.edm_content .block_info ul li .pic img {
  width: 118px;
  height: 118px;
}
.edm_content .block_info ul li .block_title {
  text-align: center;
  font-size: 1.25rem;
}
.edm_content .block_info ul li .block_text {
  text-align: center;
  font-size: 1.25rem;
}

.edm_footer {
  width: 1100px;
  background: #262626;
  text-align: center;
  padding: 80px 0;
  color: #fff;
  font-size: 1.125em;
  line-height: 180%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1100px) {
  .edm_footer {
    width: 100%;
  }
}
.edm_footer a {
  display: inline-block;
  color: #fff;
  text-decoration: underline;
  margin: 0 4px;
}

.slick-dots li button:before {
  width: 12px;
  height: 12px;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  background: #00db87;
  -webkit-box-shadow: 0px 0px 0px 1px #00db87;
          box-shadow: 0px 0px 0px 1px #00db87;
}
.slick-dots li.slick-active button:before {
  background: #00b7a5;
}
.slick-dots li.slick-active button:hover:before, .slick-dots li.slick-active button:focus:before {
  opacity: 0.9;
  color: black;
  background: #00db87;
}

.slick-prev, .slick-next {
  height: 70px !important;
}

.slick-prev {
  background: url(../images/white_arrow_left.png) no-repeat center center;
  -webkit-filter: invert(100%);
          filter: invert(100%);
}
.slick-prev:hover, .slick-prev:focus {
  -webkit-filter: invert(100%);
          filter: invert(100%);
  background: url(../images/white_arrow_left.png) no-repeat center center RGBA(0, 0, 0, 0.5);
}

.slick-next {
  background: url(../images/white_arrow_right.png) no-repeat center center;
  -webkit-filter: invert(100%);
          filter: invert(100%);
}
.slick-next:hover, .slick-next:focus {
  -webkit-filter: invert(100%);
          filter: invert(100%);
  background: url(../images/white_arrow_right.png) no-repeat center center RGBA(0, 0, 0, 0.5);
}

.lightbox_slider {
  background: #fff;
  padding: 20px 0;
  clear: both;
}
.lightbox_slider h3 {
  font-size: 1.5em;
  padding: 0;
  margin-bottom: 30px;
  position: relative;
}
.lightbox_slider h3:after {
  content: "";
  width: 100%;
  height: 4px;
  position: absolute;
  bottom: -14px;
  left: 0;
  background: rgb(1, 172, 157);
  background: -webkit-gradient(linear, left top, right top, from(rgb(1, 172, 157)), color-stop(25%, rgb(75, 181, 200)), to(rgb(33, 51, 124)));
  background: linear-gradient(90deg, rgb(1, 172, 157) 0%, rgb(75, 181, 200) 25%, rgb(33, 51, 124) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#01ac9d",endColorstr="#21337c",GradientType=1);
}
.lightbox_slider .imgOuter {
  margin: 0px 15px;
  overflow: hidden;
  height: 200px;
  overflow: hidden;
}
.lightbox_slider .imgOuter:before {
  display: inline-block;
  content: "";
  padding-top: 75%;
}
.lightbox_slider .imgOuter img {
  display: block;
  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: fill;
     object-fit: fill;
}
.lightbox_slider .infotxt {
  margin: 0px 10px 0px 20px;
  padding: 0px;
  display: none;
}
.lightbox_slider .slick-dots {
  bottom: -60px !important;
}
.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;
  border-radius: 6px;
  background-clip: padding-box;
}
.lightbox_slider .slick-prev {
  left: -30px;
  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: -30px;
  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 #00b7a5 inset;
          box-shadow: 0px 0px 0px 1px #00b7a5 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: 0;
  margin-bottom: 30px;
  position: relative;
}
.Syncing_slider h3:after {
  content: "";
  width: 100%;
  height: 4px;
  position: absolute;
  bottom: -14px;
  left: 0;
  background: rgb(1, 172, 157);
  background: -webkit-gradient(linear, left top, right top, from(rgb(1, 172, 157)), color-stop(25%, rgb(75, 181, 200)), to(rgb(33, 51, 124)));
  background: linear-gradient(90deg, rgb(1, 172, 157) 0%, rgb(75, 181, 200) 25%, rgb(33, 51, 124) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#01ac9d",endColorstr="#21337c",GradientType=1);
}
.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: #2752aa;
  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: inline-block;
  content: "";
  padding-top: 56.25%;
}
.Syncing_slider .img-container img {
  display: block;
  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: fill;
     object-fit: fill;
}
.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: #00ac9c;
  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 noscript {
  display: block;
  padding: 0.5em;
  border: 2px solid #2752aa;
  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: #2752aa;
}
.no-js noscript a:hover, .no-js noscript a:focus {
  color: #00b7a5;
}
.no-js .mpSlider .img-container {
  display: none;
}
.no-js .mpSlider .img-container:first-child {
  display: block;
}
.no-js .navigation {
  padding-right: 170px;
}
.no-js .navigation .language {
  width: auto;
  position: absolute;
  right: 160px;
}
.no-js .navigation .language > a {
  display: none;
}
.no-js .navigation .language ul {
  top: 0;
  width: 160px;
}
.no-js .navigation .language ul li {
  display: block;
  width: auto;
}
.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;
}

@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;
  }
}/*# sourceMappingURL=hyui.css.map */