@import url(https://fonts.googleapis.com/css?family=Lato:400,300,100italic,300italic,100,400italic,700,700italic,900,900italic);
@font-face {
  font-family: 'Philosopher Regular';
  src: url("../fonts/philosopher/Philosopher-Regular.ttf")
}

@font-face {
  font-family: 'Philosopher Bold';
  src: url("../fonts/philosopher/Philosopher-Bold.ttf")
}

*, *:before, *:after {
  box-sizing: border-box
}

*, *:focus, *:active, *:hover {
  outline: none
}

img {
  max-width: 100%;
  vertical-align: middle;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden
}

body {
  margin: 0;
  padding: 0;
  font-family: "Microsoft JhengHei", "微軟正黑體", "WenQuanYi Zen Hei", "文泉驛正黑", arial;
  font-weight: 400;
  background: url("../images/body_bg.png");
  color: #333;
  font-size: 16px;
  line-height: 1.8;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch
}

header {
  transition: none;
  -webkit-transition: none
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 300;
  margin-top: 16px;
  margin-bottom: 16px;
  line-height: 1.1
}

h1, .h1 {
  font-size: 36px
}

h2, .h2 {
  font-size: 30px
}

h3, .h3 {
  font-size: 24px
}

h4, .h4 {
  font-size: 19px
}

h5, .h5 {
  font-size: 16px
}

h6, .h6 {
  font-size: 14px
}

p {
  margin-bottom: 16px
}

h1.siteTitle {
  position: absolute;
  z-index: 0;
  color: rgba(255, 255, 255, 0);
  opacity: 0;
  width: 0;
  height: 0;
  top: -100%;
  left: -100%
}

a {
  color: #333;
  text-decoration: none
}

a:hover, a:focus {
  color: #666;
  text-decoration: none;
  outline: 0
}

a.underLine {
  text-decoration: underline
}

.text-right {
  text-align: right
}

.text-left {
  text-align: left
}

.text-left {
  text-align: left
}

.text-center {
  text-align: center
}

.del {
  text-decoration: line-through;
  color: gray
}

.cis1 {
  color: #f12b34
}

.cis1-light {
  color: #0a2978
}

.cis1-lighter {
  color: #0d369d
}

.cis1-dark {
  color: #040f2c
}

.cis1-darker {
  color: #010207
}

.cis2 {
  color: #333
}

.cis2-light {
  color: #474747
}

.cis2-lighter {
  color: #5c5c5c
}

.cis2-dark {
  color: #1f1f1f
}

.cis2-darker {
  color: #0a0a0a
}

.cis3 {
  color: #b3b3b3
}

.cis3-light {
  color: #c7c7c7
}

.cis3-lighter {
  color: #dcdcdc
}

.cis3-dark {
  color: #9f9f9f
}

.cis3-darker {
  color: #8a8a8a
}

.lightColor {
  color: #d13428
}

.icon-link, table a:not([class*='btn']), .memberBlockLogin a:not([class*='btn']), .memberBlockReg a:not([class*='btn']), .memberBlockCenter a:not([class*='btn']), .orderCancel, .checkOutForm a:not([class*='btn']) {
  color: rgba(51, 51, 51, 0.5)
}

.icon-link i, table a:not([class*='btn']) i, .memberBlockLogin a:not([class*='btn']) i, .memberBlockReg a:not([class*='btn']) i, .memberBlockCenter a:not([class*='btn']) i, .orderCancel i, .checkOutForm a:not([class*='btn']) i {
  padding-right: .5em;
  color: #f12b34
}

.icon-link:hover, table a:hover:not([class*='btn']), .memberBlockLogin a:hover:not([class*='btn']), .memberBlockReg a:hover:not([class*='btn']), .memberBlockCenter a:hover:not([class*='btn']), .orderCancel:hover, .checkOutForm a:hover:not([class*='btn']) {
  color: #f12b34;
  text-decoration: none
}

.icon-link:hover i, table a:hover:not([class*='btn']) i, .memberBlockLogin a:hover:not([class*='btn']) i, .memberBlockReg a:hover:not([class*='btn']) i, .memberBlockCenter a:hover:not([class*='btn']) i, .orderCancel:hover i, .checkOutForm a:hover:not([class*='btn']) i {
  color: #f12b34
}

.iconTxt {
  font-size: 14px;
  color: gray
}

.iconTxt i {
  color: #f12b34;
  padding-right: .5em
}

.circleLink {
  width: 25px;
  height: 25px;
  display: inline-flex;
  display: -webkit-inline-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  border-radius: 100%;
  text-align: center;
  padding: 0;
  border: 1px solid #f12b34;
  background: #f12b34
}

.circleLink * {
  line-height: 1;
  padding: 0
}

.circleLink, .circleLink * {
  color: #fff
}

.circleLink.active, .circleLink:hover {
  background: #fff
}

.circleLink.active, .circleLink.active *, .circleLink:hover, .circleLink:hover * {
  color: #f12b34
}

::-moz-selection {
  background: #f12b34;
  color: #fff
}

::selection {
  background: #f12b34;
  color: #fff
}

.noneImg {
  border-radius: 2px;
  background: #f12b34 !important;
  position: relative
}

.noneImg img {
  min-width: 0 !important;
  min-height: 0 !important;
  width: auto !important;
  height: auto !important;
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100% !important;
  max-height: 100% !important;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%)
}

.Bbox_center {
  display: block;
  margin: auto
}

.Bbox_center.w500 {
  width: 500px;
  max-width: 100%
}

.Bbox_center.w800 {
  width: 800px;
  max-width: 100%
}

.Bbox_flexBetween, .pageControl, .downloadList .itemList.downloadListType1 .item, .headerType1 .navBar .navBarContent, .headerType2 .navBar .navBarContent, .headerType3.scroll .navBar .navBarContent, .headerType3 .navBar .navBarContent>*:nth-child(1), .headerType4.scroll .navBar .navBarContent, .headerType5.scroll .navBar .navBarContent, .headerType6.scroll .navBar .navBarContent, .headerType6 .navBar .navBarContent>*:nth-child(1), .proListFun form {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between
}

.Bbox_view, .headerType1 .navBar, .headerType2 .navBar, .headerType1 .topLinkContent, .headerType2 .topLinkContent, .headerType3 .navBar {
  display: block;
  width: 1200px;
  max-width: 100%;
  padding: 0;
  margin: auto
}

@media (min-width: 1504px) {
  .Bbox_view, .headerType1 .navBar, .headerType2 .navBar, .headerType1 .topLinkContent, .headerType2 .topLinkContent, .headerType3 .navBar {
    width: 1440px
  }
}

@media (max-width: 1200px) {
  .Bbox_view, .headerType1 .navBar, .headerType2 .navBar, .headerType1 .topLinkContent, .headerType2 .topLinkContent, .headerType3 .navBar {
    width: 100%
  }
}

@media (max-width: 1024px) {
  .Bbox_view, .headerType1 .navBar, .headerType2 .navBar, .headerType1 .topLinkContent, .headerType2 .topLinkContent, .headerType3 .navBar {
    width: 100%
  }
}

.Bbox_view_full, .headerType2 .navBar, .headerType2 .topLinkContent, .headerType6 .navBar {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0 32px;
  margin: auto
}

@media (max-width: 1200px) {
  .Bbox_view_full, .headerType2 .navBar, .headerType2 .topLinkContent, .headerType6 .navBar {
    width: 100%
  }
}

@media (max-width: 1024px) {
  .Bbox_view_full, .headerType2 .navBar, .headerType2 .topLinkContent, .headerType6 .navBar {
    width: 100%
  }
}

.Bbox_1c {
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-left: 32px;
  padding-right: 32px
}

.Bbox_1c:before, .Bbox_1c:after {
  content: " ";
  display: table
}

.Bbox_1c:after {
  clear: both
}

@media (min-width: 768px) {
  .Bbox_1c {
    width: 800px
  }
}

@media (min-width: 992px) {
  .Bbox_1c {
    width: 1024px
  }
}

@media screen and (min-width: 1200px) and (max-width: 1499px) {
  .Bbox_1c {
    width: 1168px
  }
}

@media (min-width: 1504px) {
  .Bbox_1c {
    width: 1440px
  }
}

.Bbox_1c>div {
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  float: none;
  margin-left: -32px;
  margin-right: -32px
}

.Bbox_1c>div:after {
  content: " ";
  display: table;
  clear: both
}

.Bbox_1c>div>div {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px
}

@media (min-width: 768px) {
  .Bbox_1c>div>div {
    float: left;
    width: 100%
  }
}

@media (min-width: 992px) {
  .Bbox_1c>div>div {
    float: left;
    width: 100%
  }
}

@media (min-width: 1200px) {
  .Bbox_1c>div>div {
    float: left;
    width: 100%
  }
}

.Bbox_in_1c {
  max-width: 100%
}

.Bbox_in_1c>div {
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  float: none;
  margin-left: -32px;
  margin-right: -32px
}

.Bbox_in_1c>div:after {
  content: " ";
  display: table;
  clear: both
}

.Bbox_in_1c>div>div {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px
}

@media (min-width: 768px) {
  .Bbox_in_1c>div>div {
    float: left;
    width: 100%
  }
}

@media (min-width: 992px) {
  .Bbox_in_1c>div>div {
    float: left;
    width: 100%
  }
}

@media (min-width: 1200px) {
  .Bbox_in_1c>div>div {
    float: left;
    width: 100%
  }
}

.Bbox_in_2c {
  max-width: 100%
}

.Bbox_in_2c>div {
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  float: none;
  margin-left: -32px;
  margin-right: -32px
}

.Bbox_in_2c>div:after {
  content: " ";
  display: table;
  clear: both
}

.Bbox_in_2c>div>div {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px
}

@media (min-width: 768px) {
  .Bbox_in_2c>div>div {
    float: left;
    width: 50%
  }
}

@media (min-width: 992px) {
  .Bbox_in_2c>div>div {
    float: left;
    width: 50%
  }
}

@media (min-width: 1200px) {
  .Bbox_in_2c>div>div {
    float: left;
    width: 50%
  }
}

.Bbox_in_3c {
  max-width: 100%
}

.Bbox_in_3c>div {
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  float: none;
  margin-left: -32px;
  margin-right: -32px
}

.Bbox_in_3c>div:after {
  content: " ";
  display: table;
  clear: both
}

.Bbox_in_3c>div>div {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px
}

@media (min-width: 768px) {
  .Bbox_in_3c>div>div {
    float: left;
    width: 33.33333%
  }
}

@media (min-width: 992px) {
  .Bbox_in_3c>div>div {
    float: left;
    width: 33.33333%
  }
}

@media (min-width: 1200px) {
  .Bbox_in_3c>div>div {
    float: left;
    width: 33.33333%
  }
}

.Bbox_in_4c {
  max-width: 100%
}

.Bbox_in_4c>div {
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  float: none;
  margin-left: -32px;
  margin-right: -32px
}

.Bbox_in_4c>div:after {
  content: " ";
  display: table;
  clear: both
}

.Bbox_in_4c>div>div {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px
}

@media (min-width: 768px) {
  .Bbox_in_4c>div>div {
    float: left;
    width: 25%
  }
}

@media (min-width: 992px) {
  .Bbox_in_4c>div>div {
    float: left;
    width: 25%
  }
}

@media (min-width: 1200px) {
  .Bbox_in_4c>div>div {
    float: left;
    width: 25%
  }
}

.Bbox_in_5c {
  max-width: 100%
}

.Bbox_in_5c>div {
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  float: none;
  margin-left: -32px;
  margin-right: -32px
}

.Bbox_in_5c>div:after {
  content: " ";
  display: table;
  clear: both
}

.Bbox_in_5c>div>div {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px
}

@media (min-width: 768px) {
  .Bbox_in_5c>div>div {
    float: left;
    width: 20%
  }
}

@media (min-width: 992px) {
  .Bbox_in_5c>div>div {
    float: left;
    width: 20%
  }
}

@media (min-width: 1200px) {
  .Bbox_in_5c>div>div {
    float: left;
    width: 20%
  }
}

.Bbox_in_6c {
  max-width: 100%
}

.Bbox_in_6c>div {
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  float: none;
  margin-left: -32px;
  margin-right: -32px
}

.Bbox_in_6c>div:after {
  content: " ";
  display: table;
  clear: both
}

.Bbox_in_6c>div>div {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px
}

@media (min-width: 768px) {
  .Bbox_in_6c>div>div {
    float: left;
    width: 16.66667%
  }
}

@media (min-width: 992px) {
  .Bbox_in_6c>div>div {
    float: left;
    width: 16.66667%
  }
}

@media (min-width: 1200px) {
  .Bbox_in_6c>div>div {
    float: left;
    width: 16.66667%
  }
}

.Bbox_in_7c {
  max-width: 100%
}

.Bbox_in_7c>div {
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  float: none;
  margin-left: -32px;
  margin-right: -32px
}

.Bbox_in_7c>div:after {
  content: " ";
  display: table;
  clear: both
}

.Bbox_in_7c>div>div {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px
}

@media (min-width: 768px) {
  .Bbox_in_7c>div>div {
    float: left;
    width: 14.28571%
  }
}

@media (min-width: 992px) {
  .Bbox_in_7c>div>div {
    float: left;
    width: 14.28571%
  }
}

@media (min-width: 1200px) {
  .Bbox_in_7c>div>div {
    float: left;
    width: 14.28571%
  }
}

.Bbox_in_8c {
  max-width: 100%
}

.Bbox_in_8c>div {
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  float: none;
  margin-left: -32px;
  margin-right: -32px
}

.Bbox_in_8c>div:after {
  content: " ";
  display: table;
  clear: both
}

.Bbox_in_8c>div>div {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px
}

@media (min-width: 768px) {
  .Bbox_in_8c>div>div {
    float: left;
    width: 12.5%
  }
}

@media (min-width: 992px) {
  .Bbox_in_8c>div>div {
    float: left;
    width: 12.5%
  }
}

@media (min-width: 1200px) {
  .Bbox_in_8c>div>div {
    float: left;
    width: 12.5%
  }
}

.Bbox_in_9c {
  max-width: 100%
}

.Bbox_in_9c>div {
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  float: none;
  margin-left: -32px;
  margin-right: -32px
}

.Bbox_in_9c>div:after {
  content: " ";
  display: table;
  clear: both
}

.Bbox_in_9c>div>div {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px
}

@media (min-width: 768px) {
  .Bbox_in_9c>div>div {
    float: left;
    width: 11.11111%
  }
}

@media (min-width: 992px) {
  .Bbox_in_9c>div>div {
    float: left;
    width: 11.11111%
  }
}

@media (min-width: 1200px) {
  .Bbox_in_9c>div>div {
    float: left;
    width: 11.11111%
  }
}

.Bbox_in_10c {
  max-width: 100%
}

.Bbox_in_10c>div {
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  float: none;
  margin-left: -32px;
  margin-right: -32px
}

.Bbox_in_10c>div:after {
  content: " ";
  display: table;
  clear: both
}

.Bbox_in_10c>div>div {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px
}

@media (min-width: 768px) {
  .Bbox_in_10c>div>div {
    float: left;
    width: 10%
  }
}

@media (min-width: 992px) {
  .Bbox_in_10c>div>div {
    float: left;
    width: 10%
  }
}

@media (min-width: 1200px) {
  .Bbox_in_10c>div>div {
    float: left;
    width: 10%
  }
}

.Bbox_in_11c {
  max-width: 100%
}

.Bbox_in_11c>div {
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  float: none;
  margin-left: -32px;
  margin-right: -32px
}

.Bbox_in_11c>div:after {
  content: " ";
  display: table;
  clear: both
}

.Bbox_in_11c>div>div {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px
}

@media (min-width: 768px) {
  .Bbox_in_11c>div>div {
    float: left;
    width: 9.09091%
  }
}

@media (min-width: 992px) {
  .Bbox_in_11c>div>div {
    float: left;
    width: 9.09091%
  }
}

@media (min-width: 1200px) {
  .Bbox_in_11c>div>div {
    float: left;
    width: 9.09091%
  }
}

.Bbox_in_12c {
  max-width: 100%
}

.Bbox_in_12c>div {
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  float: none;
  margin-left: -32px;
  margin-right: -32px
}

.Bbox_in_12c>div:after {
  content: " ";
  display: table;
  clear: both
}

.Bbox_in_12c>div>div {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px
}

@media (min-width: 768px) {
  .Bbox_in_12c>div>div {
    float: left;
    width: 8.33333%
  }
}

@media (min-width: 992px) {
  .Bbox_in_12c>div>div {
    float: left;
    width: 8.33333%
  }
}

@media (min-width: 1200px) {
  .Bbox_in_12c>div>div {
    float: left;
    width: 8.33333%
  }
}

.Bbox_in_2c_L1 {
  max-width: 100%
}

@media (max-width: 1024px) {
  .Bbox_in_2c_L1>div>.sideMenu {
    display: none
  }
}

.Bbox_in_2c_L1>div {
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  float: none;
  margin-left: -32px;
  margin-right: -32px
}

.Bbox_in_2c_L1>div:after {
  content: " ";
  display: table;
  clear: both
}

.Bbox_in_2c_L1>div>div:nth-of-type(1) {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px
}

@media (min-width: 768px) {
  .Bbox_in_2c_L1>div>div:nth-of-type(1) {
    float: left;
    width: 100%
  }
}

@media (min-width: 992px) {
  .Bbox_in_2c_L1>div>div:nth-of-type(1) {
    float: left;
    width: 8.33333%
  }
}

@media (min-width: 1200px) {
  .Bbox_in_2c_L1>div>div:nth-of-type(1) {
    float: left;
    width: 8.33333%
  }
}

.Bbox_in_2c_L1>div>div:nth-of-type(2) {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px
}

@media (min-width: 768px) {
  .Bbox_in_2c_L1>div>div:nth-of-type(2) {
    float: left;
    width: 100%
  }
}

@media (min-width: 992px) {
  .Bbox_in_2c_L1>div>div:nth-of-type(2) {
    float: left;
    width: 91.66667%
  }
}

@media (min-width: 1200px) {
  .Bbox_in_2c_L1>div>div:nth-of-type(2) {
    float: left;
    width: 91.66667%
  }
}

.Bbox_in_2c_L2 {
  max-width: 100%
}

@media (max-width: 1024px) {
  .Bbox_in_2c_L2>div>.sideMenu {
    display: none
  }
}

.Bbox_in_2c_L2>div {
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  float: none;
  margin-left: -32px;
  margin-right: -32px
}

.Bbox_in_2c_L2>div:after {
  content: " ";
  display: table;
  clear: both
}

.Bbox_in_2c_L2>div>div:nth-of-type(1) {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px
}

@media (min-width: 768px) {
  .Bbox_in_2c_L2>div>div:nth-of-type(1) {
    float: left;
    width: 100%
  }
}

@media (min-width: 992px) {
  .Bbox_in_2c_L2>div>div:nth-of-type(1) {
    float: left;
    width: 16.66667%
  }
}

@media (min-width: 1200px) {
  .Bbox_in_2c_L2>div>div:nth-of-type(1) {
    float: left;
    width: 16.66667%
  }
}

.Bbox_in_2c_L2>div>div:nth-of-type(2) {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px
}

@media (min-width: 768px) {
  .Bbox_in_2c_L2>div>div:nth-of-type(2) {
    float: left;
    width: 100%
  }
}

@media (min-width: 992px) {
  .Bbox_in_2c_L2>div>div:nth-of-type(2) {
    float: left;
    width: 83.33333%
  }
}

@media (min-width: 1200px) {
  .Bbox_in_2c_L2>div>div:nth-of-type(2) {
    float: left;
    width: 83.33333%
  }
}

.Bbox_in_2c_L3 {
  max-width: 100%
}

@media (max-width: 1024px) {
  /*.Bbox_in_2c_L3 > div > .sideMenu {
        display: none
    }*/
}

.Bbox_in_2c_L3>div {
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  float: none;
  margin-left: -32px;
  margin-right: -32px
}

.Bbox_in_2c_L3>div:after {
  content: " ";
  display: table;
  clear: both
}

.Bbox_in_2c_L3>div>div:nth-of-type(1) {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px
}

@media (min-width: 768px) {
  .Bbox_in_2c_L3>div>div:nth-of-type(1) {
    float: left;
    width: 100%
  }
}

@media (min-width: 992px) {
  .Bbox_in_2c_L3>div>div:nth-of-type(1) {
    float: left;
    width: 25%
  }
}

@media (min-width: 1200px) {
  .Bbox_in_2c_L3>div>div:nth-of-type(1) {
    float: left;
    width: 25%
  }
}

.Bbox_in_2c_L3>div>div:nth-of-type(2) {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px
}

@media (min-width: 768px) {
  .Bbox_in_2c_L3>div>div:nth-of-type(2) {
    float: left;
    width: 100%
  }
}

@media (min-width: 992px) {
  .Bbox_in_2c_L3>div>div:nth-of-type(2) {
    float: left;
    width: 75%
  }
}

@media (min-width: 1200px) {
  .Bbox_in_2c_L3>div>div:nth-of-type(2) {
    float: left;
    width: 75%
  }
}

.Bbox_in_2c_L4 {
  max-width: 100%
}

@media (max-width: 1024px) {
  .Bbox_in_2c_L4>div>.sideMenu {
    display: none
  }
}

.Bbox_in_2c_L4>div {
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  float: none;
  margin-left: -32px;
  margin-right: -32px
}

.Bbox_in_2c_L4>div:after {
  content: " ";
  display: table;
  clear: both
}

.Bbox_in_2c_L4>div>div:nth-of-type(1) {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px
}

@media (min-width: 768px) {
  .Bbox_in_2c_L4>div>div:nth-of-type(1) {
    float: left;
    width: 100%
  }
}

@media (min-width: 992px) {
  .Bbox_in_2c_L4>div>div:nth-of-type(1) {
    float: left;
    width: 33.33333%
  }
}

@media (min-width: 1200px) {
  .Bbox_in_2c_L4>div>div:nth-of-type(1) {
    float: left;
    width: 33.33333%
  }
}

.Bbox_in_2c_L4>div>div:nth-of-type(2) {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px
}

@media (min-width: 768px) {
  .Bbox_in_2c_L4>div>div:nth-of-type(2) {
    float: left;
    width: 100%
  }
}

@media (min-width: 992px) {
  .Bbox_in_2c_L4>div>div:nth-of-type(2) {
    float: left;
    width: 66.66667%
  }
}

@media (min-width: 1200px) {
  .Bbox_in_2c_L4>div>div:nth-of-type(2) {
    float: left;
    width: 66.66667%
  }
}

.Bbox_in_2c_L5 {
  max-width: 100%
}

@media (max-width: 1024px) {
  .Bbox_in_2c_L5>div>.sideMenu {
    display: none
  }
}

.Bbox_in_2c_L5>div {
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  float: none;
  margin-left: -32px;
  margin-right: -32px
}

.Bbox_in_2c_L5>div:after {
  content: " ";
  display: table;
  clear: both
}

.Bbox_in_2c_L5>div>div:nth-of-type(1) {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px
}

@media (min-width: 768px) {
  .Bbox_in_2c_L5>div>div:nth-of-type(1) {
    float: left;
    width: 100%
  }
}

@media (min-width: 992px) {
  .Bbox_in_2c_L5>div>div:nth-of-type(1) {
    float: left;
    width: 41.66667%
  }
}

@media (min-width: 1200px) {
  .Bbox_in_2c_L5>div>div:nth-of-type(1) {
    float: left;
    width: 41.66667%
  }
}

.Bbox_in_2c_L5>div>div:nth-of-type(2) {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px
}

@media (min-width: 768px) {
  .Bbox_in_2c_L5>div>div:nth-of-type(2) {
    float: left;
    width: 100%
  }
}

@media (min-width: 992px) {
  .Bbox_in_2c_L5>div>div:nth-of-type(2) {
    float: left;
    width: 58.33333%
  }
}

@media (min-width: 1200px) {
  .Bbox_in_2c_L5>div>div:nth-of-type(2) {
    float: left;
    width: 58.33333%
  }
}

.Bbox_in_2c_L6 {
  max-width: 100%
}

@media (max-width: 1024px) {
  .Bbox_in_2c_L6>div>.sideMenu {
    display: none
  }
}

.Bbox_in_2c_L6>div {
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  float: none;
  margin-left: -32px;
  margin-right: -32px
}

.Bbox_in_2c_L6>div:after {
  content: " ";
  display: table;
  clear: both
}

.Bbox_in_2c_L6>div>div:nth-of-type(1) {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px
}

@media (min-width: 768px) {
  .Bbox_in_2c_L6>div>div:nth-of-type(1) {
    float: left;
    width: 100%
  }
}

@media (min-width: 992px) {
  .Bbox_in_2c_L6>div>div:nth-of-type(1) {
    float: left;
    width: 50%
  }
}

@media (min-width: 1200px) {
  .Bbox_in_2c_L6>div>div:nth-of-type(1) {
    float: left;
    width: 50%
  }
}

.Bbox_in_2c_L6>div>div:nth-of-type(2) {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px
}

@media (min-width: 768px) {
  .Bbox_in_2c_L6>div>div:nth-of-type(2) {
    float: left;
    width: 100%
  }
}

@media (min-width: 992px) {
  .Bbox_in_2c_L6>div>div:nth-of-type(2) {
    float: left;
    width: 50%
  }
}

@media (min-width: 1200px) {
  .Bbox_in_2c_L6>div>div:nth-of-type(2) {
    float: left;
    width: 50%
  }
}

.Bbox_in_2c_L7 {
  max-width: 100%
}

@media (max-width: 1024px) {
  .Bbox_in_2c_L7>div>.sideMenu {
    display: none
  }
}

.Bbox_in_2c_L7>div {
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  float: none;
  margin-left: -32px;
  margin-right: -32px
}

.Bbox_in_2c_L7>div:after {
  content: " ";
  display: table;
  clear: both
}

.Bbox_in_2c_L7>div>div:nth-of-type(1) {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px
}

@media (min-width: 768px) {
  .Bbox_in_2c_L7>div>div:nth-of-type(1) {
    float: left;
    width: 100%
  }
}

@media (min-width: 992px) {
  .Bbox_in_2c_L7>div>div:nth-of-type(1) {
    float: left;
    width: 58.33333%
  }
}

@media (min-width: 1200px) {
  .Bbox_in_2c_L7>div>div:nth-of-type(1) {
    float: left;
    width: 58.33333%
  }
}

.Bbox_in_2c_L7>div>div:nth-of-type(2) {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px
}

@media (min-width: 768px) {
  .Bbox_in_2c_L7>div>div:nth-of-type(2) {
    float: left;
    width: 100%
  }
}

@media (min-width: 992px) {
  .Bbox_in_2c_L7>div>div:nth-of-type(2) {
    float: left;
    width: 41.66667%
  }
}

@media (min-width: 1200px) {
  .Bbox_in_2c_L7>div>div:nth-of-type(2) {
    float: left;
    width: 41.66667%
  }
}

.Bbox_in_2c_L8 {
  max-width: 100%
}

@media (max-width: 1024px) {
  .Bbox_in_2c_L8>div>.sideMenu {
    display: none
  }
}

.Bbox_in_2c_L8>div {
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  float: none;
  margin-left: -32px;
  margin-right: -32px
}

.Bbox_in_2c_L8>div:after {
  content: " ";
  display: table;
  clear: both
}

.Bbox_in_2c_L8>div>div:nth-of-type(1) {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px
}

@media (min-width: 768px) {
  .Bbox_in_2c_L8>div>div:nth-of-type(1) {
    float: left;
    width: 100%
  }
}

@media (min-width: 992px) {
  .Bbox_in_2c_L8>div>div:nth-of-type(1) {
    float: left;
    width: 66.66667%
  }
}

@media (min-width: 1200px) {
  .Bbox_in_2c_L8>div>div:nth-of-type(1) {
    float: left;
    width: 66.66667%
  }
}

.Bbox_in_2c_L8>div>div:nth-of-type(2) {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px
}

@media (min-width: 768px) {
  .Bbox_in_2c_L8>div>div:nth-of-type(2) {
    float: left;
    width: 100%
  }
}

@media (min-width: 992px) {
  .Bbox_in_2c_L8>div>div:nth-of-type(2) {
    float: left;
    width: 33.33333%
  }
}

@media (min-width: 1200px) {
  .Bbox_in_2c_L8>div>div:nth-of-type(2) {
    float: left;
    width: 33.33333%
  }
}

.Bbox_in_2c_L9 {
  max-width: 100%
}

@media (max-width: 1024px) {
  .Bbox_in_2c_L9>div>.sideMenu {
    display: none
  }
}

.Bbox_in_2c_L9>div {
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  float: none;
  margin-left: -32px;
  margin-right: -32px
}

.Bbox_in_2c_L9>div:after {
  content: " ";
  display: table;
  clear: both
}

.Bbox_in_2c_L9>div>div:nth-of-type(1) {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px
}

@media (min-width: 768px) {
  .Bbox_in_2c_L9>div>div:nth-of-type(1) {
    float: left;
    width: 100%
  }
}

@media (min-width: 992px) {
  .Bbox_in_2c_L9>div>div:nth-of-type(1) {
    float: left;
    width: 75%
  }
}

@media (min-width: 1200px) {
  .Bbox_in_2c_L9>div>div:nth-of-type(1) {
    float: left;
    width: 75%
  }
}

.Bbox_in_2c_L9>div>div:nth-of-type(2) {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px
}

@media (min-width: 768px) {
  .Bbox_in_2c_L9>div>div:nth-of-type(2) {
    float: left;
    width: 100%
  }
}

@media (min-width: 992px) {
  .Bbox_in_2c_L9>div>div:nth-of-type(2) {
    float: left;
    width: 25%
  }
}

@media (min-width: 1200px) {
  .Bbox_in_2c_L9>div>div:nth-of-type(2) {
    float: left;
    width: 25%
  }
}

.Bbox_in_2c_L10 {
  max-width: 100%
}

@media (max-width: 1024px) {
  .Bbox_in_2c_L10>div>.sideMenu {
    display: none
  }
}

.Bbox_in_2c_L10>div {
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  float: none;
  margin-left: -32px;
  margin-right: -32px
}

.Bbox_in_2c_L10>div:after {
  content: " ";
  display: table;
  clear: both
}

.Bbox_in_2c_L10>div>div:nth-of-type(1) {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px
}

@media (min-width: 768px) {
  .Bbox_in_2c_L10>div>div:nth-of-type(1) {
    float: left;
    width: 100%
  }
}

@media (min-width: 992px) {
  .Bbox_in_2c_L10>div>div:nth-of-type(1) {
    float: left;
    width: 83.33333%
  }
}

@media (min-width: 1200px) {
  .Bbox_in_2c_L10>div>div:nth-of-type(1) {
    float: left;
    width: 83.33333%
  }
}

.Bbox_in_2c_L10>div>div:nth-of-type(2) {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px
}

@media (min-width: 768px) {
  .Bbox_in_2c_L10>div>div:nth-of-type(2) {
    float: left;
    width: 100%
  }
}

@media (min-width: 992px) {
  .Bbox_in_2c_L10>div>div:nth-of-type(2) {
    float: left;
    width: 16.66667%
  }
}

@media (min-width: 1200px) {
  .Bbox_in_2c_L10>div>div:nth-of-type(2) {
    float: left;
    width: 16.66667%
  }
}

.Bbox_in_2c_L11 {
  max-width: 100%
}

@media (max-width: 1024px) {
  .Bbox_in_2c_L11>div>.sideMenu {
    display: none
  }
}

.Bbox_in_2c_L11>div {
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  float: none;
  margin-left: -32px;
  margin-right: -32px
}

.Bbox_in_2c_L11>div:after {
  content: " ";
  display: table;
  clear: both
}

.Bbox_in_2c_L11>div>div:nth-of-type(1) {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px
}

@media (min-width: 768px) {
  .Bbox_in_2c_L11>div>div:nth-of-type(1) {
    float: left;
    width: 100%
  }
}

@media (min-width: 992px) {
  .Bbox_in_2c_L11>div>div:nth-of-type(1) {
    float: left;
    width: 91.66667%
  }
}

@media (min-width: 1200px) {
  .Bbox_in_2c_L11>div>div:nth-of-type(1) {
    float: left;
    width: 91.66667%
  }
}

.Bbox_in_2c_L11>div>div:nth-of-type(2) {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  min-height: 1px;
  padding-left: 32px;
  padding-right: 32px
}

@media (min-width: 768px) {
  .Bbox_in_2c_L11>div>div:nth-of-type(2) {
    float: left;
    width: 100%
  }
}

@media (min-width: 992px) {
  .Bbox_in_2c_L11>div>div:nth-of-type(2) {
    float: left;
    width: 8.33333%
  }
}

@media (min-width: 1200px) {
  .Bbox_in_2c_L11>div>div:nth-of-type(2) {
    float: left;
    width: 8.33333%
  }
}

.flex2c, .flex2cL1, .flex2cL2, .flex4c, .flex3c {
  display: flex;
  align-items: flex-start;
  justify-content: stretch;
  flex-wrap: wrap;
  display: -webkit-flex;
  -webkit-align-items: flex-start;
  -webkit-justify-content: stretch;
  -webkit-flex-wrap: wrap
}

.flex2c>*, .flex2cL1>*, .flex2cL2>*, .flex4c>*, .flex3c>* {
  padding: 16px
}

.flex2c>*, .flex2cL1>*, .flex2cL2>* {
  width: 50%;
  padding: 16px 16px
}

@media (max-width: 1024px) {
  .flex2c>*:nth-child(1), .flex2cL1>*:nth-child(1), .flex2cL2>*:nth-child(1) {
    width: 50%;
    padding: 16px 16px
  }
  .flex2c>*:nth-child(2), .flex2cL1>*:nth-child(2), .flex2cL2>*:nth-child(2) {
    width: 50%;
    padding: 16px 16px
  }
  .flex2c>*, .flex2cL1>*, .flex2cL2>* {
    width: 50%
  }
}

@media (max-width: 768px) {
  .flex2c, .flex2cL1, .flex2cL2 {
    flex-direction: column
  }
  .flex2c>*, .flex2cL1>*, .flex2cL2>* {
    width: 100%
  }
}

.flex4c>* {
  width: 25%
}

@media (max-width: 1024px) {
  .flex4c>* {
    width: 50%;
    padding: 16px 16px
  }
}

@media (max-width: 768px) {
  .flex4c {
    flex-direction: column;
    -webkit-flex-direction: column
  }
  .flex4c>* {
    width: 100%
  }
}

.flex3c>* {
  width: 33.33334%
}

@media (max-width: 1024px) {
  .txt.flex3c>* {
    width: 100%;
    padding: 16px 16px
  }
}

@media (max-width: 768px) {
  .flex3c {
    flex-direction: column;
    -webkit-flex-direction: column
  }
  .flex3c>* {
    width: 100%
  }
}

.flex2c>*:nth-child(1) {
  width: 50%
}

.flex2c>*:nth-child(2) {
  width: 50%
}

@media (max-width: 1024px) {
  .flex2c>*:nth-child(1) {
    width: 50%
  }
  .flex2c>*:nth-child(2) {
    width: 50%
  }
  .flex2c>* {
    width: 50%
  }
}

@media (max-width: 768px) {
  .flex2c {
    flex-direction: column
  }
  .flex2c>*:nth-child(1) {
    width: 100%
  }
  .flex2c>*:nth-child(2) {
    width: 100%
  }
  .flex2c>* {
    width: 100%
  }
}

.flex2cL1>*:nth-child(1) {
  width: 33%
}

.flex2cL1>*:nth-child(2) {
  width: 67%
}

@media (max-width: 1024px) {
  .flex2cL1>*:nth-child(1) {
    width: 50%
  }
  .flex2cL1>*:nth-child(2) {
    width: 50%
  }
  .flex2cL1>* {
    width: 50%
  }
}

@media (max-width: 768px) {
  .flex2cL1 {
    flex-direction: column
  }
  .flex2cL1>*:nth-child(1) {
    width: 100%
  }
  .flex2cL1>*:nth-child(2) {
    width: 100%
  }
  .flex2cL1>* {
    width: 100%
  }
}

.flex2cL2>*:nth-child(1) {
  width: 67%
}

.flex2cL2>*:nth-child(2) {
  width: 33%
}

@media (max-width: 1024px) {
  .flex2cL2>*:nth-child(1) {
    width: 50%
  }
  .flex2cL2>*:nth-child(2) {
    width: 50%
  }
  .flex2cL2>* {
    width: 50%
  }
}

@media (max-width: 768px) {
  .flex2cL2 {
    flex-direction: column
  }
  .flex2cL2>*:nth-child(1) {
    width: 100%
  }
  .flex2cL2>*:nth-child(2) {
    width: 100%
  }
  .flex2cL2>* {
    width: 100%
  }
}

.flexCenter {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  display: -webkit-flex;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  -webkit-flex-wrap: wrap;
  text-align: center
}

.w300px {
  width: 300px;
  max-width: 100%;
  margin: 32px auto
}

.w400px {
  width: 400px;
  max-width: 100%;
  margin: 32px auto
}

.w500px {
  width: 500px;
  max-width: 100%;
  margin: 32px auto
}

.w600px {
  width: 600px;
  max-width: 100%;
  margin: 32px auto
}

.w700px {
  width: 700px;
  max-width: 100%;
  margin: 32px auto
}

.w800px {
  width: 800px;
  max-width: 100%;
  margin: 32px auto
}

.w900px {
  width: 900px;
  max-width: 100%;
  margin: 32px auto
}

.w1000px {
  width: 1000px;
  max-width: 100%;
  margin: 32px auto
}

.w1100px {
  width: 1100px;
  max-width: 100%;
  margin: 32px auto
}

.w1200px {
  width: 1200px;
  max-width: 100%;
  margin: 32px auto
}

.w1300px {
  width: 1300px;
  max-width: 100%;
  margin: 32px auto
}

.w1400px {
  width: 1400px;
  max-width: 100%;
  margin: 32px auto
}

.w1500px {
  width: 1500px;
  max-width: 100%;
  margin: 32px auto
}

.w1600px {
  width: 1600px;
  max-width: 100%;
  margin: 32px auto
}

.w1700px {
  width: 1700px;
  max-width: 100%;
  margin: 32px auto
}

.w1800px {
  width: 1800px;
  max-width: 100%;
  margin: 32px auto
}

.w10 {
  width: 10%;
  max-width: 100%;
  margin: 32px auto
}

@media (max-width: 768px) {
  .w10 {
    width: auto
  }
}

.w20 {
  width: 20%;
  max-width: 100%;
  margin: 32px auto
}

@media (max-width: 768px) {
  .w20 {
    width: auto
  }
}

.w30 {
  width: 30%;
  max-width: 100%;
  margin: 32px auto
}

@media (max-width: 768px) {
  .w30 {
    width: auto
  }
}

.w40 {
  width: 40%;
  max-width: 100%;
  margin: 32px auto
}

@media (max-width: 768px) {
  .w40 {
    width: auto
  }
}

.w50 {
  width: 50%;
  max-width: 100%;
  margin: 32px auto
}

@media (max-width: 768px) {
  .w50 {
    width: auto
  }
}

.w60 {
  width: 60%;
  max-width: 100%;
  margin: 32px auto
}

@media (max-width: 768px) {
  .w60 {
    width: auto
  }
}

.w70 {
  width: 70%;
  max-width: 100%;
  margin: 32px auto
}

@media (max-width: 768px) {
  .w70 {
    width: auto
  }
}

.w80 {
  width: 80%;
  max-width: 100%;
  margin: 32px auto
}

@media (max-width: 768px) {
  .w80 {
    width: auto
  }
}

.w90 {
  width: 90%;
  max-width: 100%;
  margin: 32px auto
}

@media (max-width: 768px) {
  .w90 {
    width: auto
  }
}

.gridBox {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  -webkit-align-items: flex-start
}

.gridBox.colVCenter {
  flex-direction: column;
  -webkit-flex-direction: column
}

.gridBox.colLeft {
  justify-content: flex-start;
  -webkit-justify-content: flex-start
}

.gridBox.colRight {
  justify-content: flex-end;
  -webkit-justify-content: flex-end
}

.gridBox.colCenter {
  justify-content: center;
  -webkit-justify-content: center
}

.gridBox.colVCenter {
  align-items: center;
  -webkit-align-items: center
}

.gridBox.colBetween {
  justify-content: space-between;
  -webkit-justify-content: space-between
}

.gridBox.colAround {
  justify-content: space-around;
  -webkit-justify-content: space-around
}

.gridBox {
  padding: 0
}

.gridBox .gridBox, .gridBox .gridBox[class*='col_'] {
  padding: 0
}

.gridBox>*, .gridBox [class*='col_'] {
  padding: 32px
}

@media (max-width: 768px) {
  .gridBox>*, .gridBox [class*='col_'] {
    padding: 16px
  }
}

@media (max-width: 440px) {
  .gridBox>*, .gridBox [class*='col_'] {
    padding: 1em
  }
}

.gridBox.farest>*, .gridBox.farest [class*='col_'] {
  padding: 48px
}

.gridBox.closest>*, .gridBox.closest [class*='col_'] {
  padding: 16px
}

.gridBox.nogap>*, .gridBox.nogap [class*='col_'] {
  padding: 0
}

.gridBox[data-grid='12'] .col_full {
  width: 100%
}

.gridBox[data-grid='12']>* {
  width: 8.33333%
}

@media (max-width: 440px) {
  .gridBox[data-grid='12']>* {
    width: 100%
  }
}

.gridBox[data-grid='12']>.col_1 {
  width: 8.33333%
}

@media (max-width: 440px) {
  .gridBox[data-grid='12']>.col_1 {
    width: 100%
  }
}

.gridBox[data-grid='12']>.col_2 {
  width: 16.66667%
}

@media (max-width: 440px) {
  .gridBox[data-grid='12']>.col_2 {
    width: 100%
  }
}

.gridBox[data-grid='12']>.col_3 {
  width: 25%
}

@media (max-width: 440px) {
  .gridBox[data-grid='12']>.col_3 {
    width: 100%
  }
}

.gridBox[data-grid='12']>.col_4 {
  width: 33.33333%
}

@media (max-width: 440px) {
  .gridBox[data-grid='12']>.col_4 {
    width: 100%
  }
}

.gridBox[data-grid='12']>.col_5 {
  width: 41.66667%
}

@media (max-width: 440px) {
  .gridBox[data-grid='12']>.col_5 {
    width: 100%
  }
}

.gridBox[data-grid='12']>.col_6 {
  width: 50%
}

@media (max-width: 440px) {
  .gridBox[data-grid='12']>.col_6 {
    width: 100%
  }
}

.gridBox[data-grid='12']>.col_7 {
  width: 58.33333%
}

@media (max-width: 440px) {
  .gridBox[data-grid='12']>.col_7 {
    width: 100%
  }
}

.gridBox[data-grid='12']>.col_8 {
  width: 66.66667%
}

@media (max-width: 440px) {
  .gridBox[data-grid='12']>.col_8 {
    width: 100%
  }
}

.gridBox[data-grid='12']>.col_9 {
  width: 75%
}

@media (max-width: 440px) {
  .gridBox[data-grid='12']>.col_9 {
    width: 100%
  }
}

.gridBox[data-grid='12']>.col_10 {
  width: 83.33333%
}

@media (max-width: 440px) {
  .gridBox[data-grid='12']>.col_10 {
    width: 100%
  }
}

.gridBox[data-grid='12']>.col_11 {
  width: 91.66667%
}

@media (max-width: 440px) {
  .gridBox[data-grid='12']>.col_11 {
    width: 100%
  }
}

.gridBox[data-grid='12']>.col_12 {
  width: 100%
}

@media (max-width: 440px) {
  .gridBox[data-grid='12']>.col_12 {
    width: 100%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='12']>[data-rwd*='l1'] {
    width: 8.33333%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='12']>[data-rwd*='l2'] {
    width: 16.66667%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='12']>[data-rwd*='l3'] {
    width: 25%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='12']>[data-rwd*='l4'] {
    width: 33.33333%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='12']>[data-rwd*='l5'] {
    width: 41.66667%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='12']>[data-rwd*='l6'] {
    width: 50%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='12']>[data-rwd*='l7'] {
    width: 58.33333%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='12']>[data-rwd*='l8'] {
    width: 66.66667%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='12']>[data-rwd*='l9'] {
    width: 75%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='12']>[data-rwd*='l10'] {
    width: 83.33333%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='12']>[data-rwd*='l11'] {
    width: 91.66667%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='12']>[data-rwd*='l12'] {
    width: 100%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='12']>[data-rwd*='m1'] {
    width: 8.33333%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='12']>[data-rwd*='m2'] {
    width: 16.66667%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='12']>[data-rwd*='m3'] {
    width: 25%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='12']>[data-rwd*='m4'] {
    width: 33.33333%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='12']>[data-rwd*='m5'] {
    width: 41.66667%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='12']>[data-rwd*='m6'] {
    width: 50%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='12']>[data-rwd*='m7'] {
    width: 58.33333%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='12']>[data-rwd*='m8'] {
    width: 66.66667%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='12']>[data-rwd*='m9'] {
    width: 75%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='12']>[data-rwd*='m10'] {
    width: 83.33333%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='12']>[data-rwd*='m11'] {
    width: 91.66667%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='12']>[data-rwd*='m12'] {
    width: 100%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='12']>[data-rwd*='s1'] {
    width: 8.33333%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='12']>[data-rwd*='s2'] {
    width: 16.66667%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='12']>[data-rwd*='s3'] {
    width: 25%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='12']>[data-rwd*='s4'] {
    width: 33.33333%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='12']>[data-rwd*='s5'] {
    width: 41.66667%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='12']>[data-rwd*='s6'] {
    width: 50%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='12']>[data-rwd*='s7'] {
    width: 58.33333%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='12']>[data-rwd*='s8'] {
    width: 66.66667%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='12']>[data-rwd*='s9'] {
    width: 75%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='12']>[data-rwd*='s10'] {
    width: 83.33333%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='12']>[data-rwd*='s11'] {
    width: 91.66667%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='12']>[data-rwd*='s12'] {
    width: 100%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='12']>[data-rwd*='x1'] {
    width: 8.33333%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='12']>[data-rwd*='x2'] {
    width: 16.66667%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='12']>[data-rwd*='x3'] {
    width: 25%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='12']>[data-rwd*='x4'] {
    width: 33.33333%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='12']>[data-rwd*='x5'] {
    width: 41.66667%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='12']>[data-rwd*='x6'] {
    width: 50%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='12']>[data-rwd*='x7'] {
    width: 58.33333%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='12']>[data-rwd*='x8'] {
    width: 66.66667%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='12']>[data-rwd*='x9'] {
    width: 75%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='12']>[data-rwd*='x10'] {
    width: 83.33333%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='12']>[data-rwd*='x11'] {
    width: 91.66667%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='12']>[data-rwd*='x12'] {
    width: 100%
  }
}

.gridBox[data-grid='10'] .col_full {
  width: 100%
}

.gridBox[data-grid='10']>* {
  width: 10%
}

@media (max-width: 440px) {
  .gridBox[data-grid='10']>* {
    width: 100%
  }
}

.gridBox[data-grid='10']>.col_1 {
  width: 10%
}

@media (max-width: 440px) {
  .gridBox[data-grid='10']>.col_1 {
    width: 100%
  }
}

.gridBox[data-grid='10']>.col_2 {
  width: 20%
}

@media (max-width: 440px) {
  .gridBox[data-grid='10']>.col_2 {
    width: 100%
  }
}

.gridBox[data-grid='10']>.col_3 {
  width: 30%
}

@media (max-width: 440px) {
  .gridBox[data-grid='10']>.col_3 {
    width: 100%
  }
}

.gridBox[data-grid='10']>.col_4 {
  width: 40%
}

@media (max-width: 440px) {
  .gridBox[data-grid='10']>.col_4 {
    width: 100%
  }
}

.gridBox[data-grid='10']>.col_5 {
  width: 50%
}

@media (max-width: 440px) {
  .gridBox[data-grid='10']>.col_5 {
    width: 100%
  }
}

.gridBox[data-grid='10']>.col_6 {
  width: 60%
}

@media (max-width: 440px) {
  .gridBox[data-grid='10']>.col_6 {
    width: 100%
  }
}

.gridBox[data-grid='10']>.col_7 {
  width: 70%
}

@media (max-width: 440px) {
  .gridBox[data-grid='10']>.col_7 {
    width: 100%
  }
}

.gridBox[data-grid='10']>.col_8 {
  width: 80%
}

@media (max-width: 440px) {
  .gridBox[data-grid='10']>.col_8 {
    width: 100%
  }
}

.gridBox[data-grid='10']>.col_9 {
  width: 90%
}

@media (max-width: 440px) {
  .gridBox[data-grid='10']>.col_9 {
    width: 100%
  }
}

.gridBox[data-grid='10']>.col_10 {
  width: 100%
}

@media (max-width: 440px) {
  .gridBox[data-grid='10']>.col_10 {
    width: 100%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='10']>[data-rwd*='l1'] {
    width: 10%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='10']>[data-rwd*='l2'] {
    width: 20%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='10']>[data-rwd*='l3'] {
    width: 30%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='10']>[data-rwd*='l4'] {
    width: 40%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='10']>[data-rwd*='l5'] {
    width: 50%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='10']>[data-rwd*='l6'] {
    width: 60%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='10']>[data-rwd*='l7'] {
    width: 70%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='10']>[data-rwd*='l8'] {
    width: 80%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='10']>[data-rwd*='l9'] {
    width: 90%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='10']>[data-rwd*='l10'] {
    width: 100%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='10']>[data-rwd*='m1'] {
    width: 10%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='10']>[data-rwd*='m2'] {
    width: 20%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='10']>[data-rwd*='m3'] {
    width: 30%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='10']>[data-rwd*='m4'] {
    width: 40%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='10']>[data-rwd*='m5'] {
    width: 50%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='10']>[data-rwd*='m6'] {
    width: 60%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='10']>[data-rwd*='m7'] {
    width: 70%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='10']>[data-rwd*='m8'] {
    width: 80%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='10']>[data-rwd*='m9'] {
    width: 90%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='10']>[data-rwd*='m10'] {
    width: 100%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='10']>[data-rwd*='s1'] {
    width: 10%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='10']>[data-rwd*='s2'] {
    width: 20%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='10']>[data-rwd*='s3'] {
    width: 30%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='10']>[data-rwd*='s4'] {
    width: 40%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='10']>[data-rwd*='s5'] {
    width: 50%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='10']>[data-rwd*='s6'] {
    width: 60%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='10']>[data-rwd*='s7'] {
    width: 70%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='10']>[data-rwd*='s8'] {
    width: 80%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='10']>[data-rwd*='s9'] {
    width: 90%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='10']>[data-rwd*='s10'] {
    width: 100%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='10']>[data-rwd*='x1'] {
    width: 10%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='10']>[data-rwd*='x2'] {
    width: 20%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='10']>[data-rwd*='x3'] {
    width: 30%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='10']>[data-rwd*='x4'] {
    width: 40%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='10']>[data-rwd*='x5'] {
    width: 50%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='10']>[data-rwd*='x6'] {
    width: 60%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='10']>[data-rwd*='x7'] {
    width: 70%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='10']>[data-rwd*='x8'] {
    width: 80%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='10']>[data-rwd*='x9'] {
    width: 90%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='10']>[data-rwd*='x10'] {
    width: 100%
  }
}

.gridBox[data-grid='9'] .col_full {
  width: 100%
}

.gridBox[data-grid='9']>* {
  width: 11.11111%
}

@media (max-width: 440px) {
  .gridBox[data-grid='9']>* {
    width: 100%
  }
}

.gridBox[data-grid='9']>.col_1 {
  width: 11.11111%
}

@media (max-width: 440px) {
  .gridBox[data-grid='9']>.col_1 {
    width: 100%
  }
}

.gridBox[data-grid='9']>.col_2 {
  width: 22.22222%
}

@media (max-width: 440px) {
  .gridBox[data-grid='9']>.col_2 {
    width: 100%
  }
}

.gridBox[data-grid='9']>.col_3 {
  width: 33.33333%
}

@media (max-width: 440px) {
  .gridBox[data-grid='9']>.col_3 {
    width: 100%
  }
}

.gridBox[data-grid='9']>.col_4 {
  width: 44.44444%
}

@media (max-width: 440px) {
  .gridBox[data-grid='9']>.col_4 {
    width: 100%
  }
}

.gridBox[data-grid='9']>.col_5 {
  width: 55.55556%
}

@media (max-width: 440px) {
  .gridBox[data-grid='9']>.col_5 {
    width: 100%
  }
}

.gridBox[data-grid='9']>.col_6 {
  width: 66.66667%
}

@media (max-width: 440px) {
  .gridBox[data-grid='9']>.col_6 {
    width: 100%
  }
}

.gridBox[data-grid='9']>.col_7 {
  width: 77.77778%
}

@media (max-width: 440px) {
  .gridBox[data-grid='9']>.col_7 {
    width: 100%
  }
}

.gridBox[data-grid='9']>.col_8 {
  width: 88.88889%
}

@media (max-width: 440px) {
  .gridBox[data-grid='9']>.col_8 {
    width: 100%
  }
}

.gridBox[data-grid='9']>.col_9 {
  width: 100%
}

@media (max-width: 440px) {
  .gridBox[data-grid='9']>.col_9 {
    width: 100%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='9']>[data-rwd*='l1'] {
    width: 11.11111%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='9']>[data-rwd*='l2'] {
    width: 22.22222%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='9']>[data-rwd*='l3'] {
    width: 33.33333%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='9']>[data-rwd*='l4'] {
    width: 44.44444%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='9']>[data-rwd*='l5'] {
    width: 55.55556%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='9']>[data-rwd*='l6'] {
    width: 66.66667%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='9']>[data-rwd*='l7'] {
    width: 77.77778%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='9']>[data-rwd*='l8'] {
    width: 88.88889%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='9']>[data-rwd*='l9'] {
    width: 100%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='9']>[data-rwd*='m1'] {
    width: 11.11111%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='9']>[data-rwd*='m2'] {
    width: 22.22222%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='9']>[data-rwd*='m3'] {
    width: 33.33333%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='9']>[data-rwd*='m4'] {
    width: 44.44444%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='9']>[data-rwd*='m5'] {
    width: 55.55556%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='9']>[data-rwd*='m6'] {
    width: 66.66667%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='9']>[data-rwd*='m7'] {
    width: 77.77778%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='9']>[data-rwd*='m8'] {
    width: 88.88889%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='9']>[data-rwd*='m9'] {
    width: 100%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='9']>[data-rwd*='s1'] {
    width: 11.11111%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='9']>[data-rwd*='s2'] {
    width: 22.22222%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='9']>[data-rwd*='s3'] {
    width: 33.33333%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='9']>[data-rwd*='s4'] {
    width: 44.44444%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='9']>[data-rwd*='s5'] {
    width: 55.55556%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='9']>[data-rwd*='s6'] {
    width: 66.66667%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='9']>[data-rwd*='s7'] {
    width: 77.77778%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='9']>[data-rwd*='s8'] {
    width: 88.88889%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='9']>[data-rwd*='s9'] {
    width: 100%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='9']>[data-rwd*='x1'] {
    width: 11.11111%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='9']>[data-rwd*='x2'] {
    width: 22.22222%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='9']>[data-rwd*='x3'] {
    width: 33.33333%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='9']>[data-rwd*='x4'] {
    width: 44.44444%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='9']>[data-rwd*='x5'] {
    width: 55.55556%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='9']>[data-rwd*='x6'] {
    width: 66.66667%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='9']>[data-rwd*='x7'] {
    width: 77.77778%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='9']>[data-rwd*='x8'] {
    width: 88.88889%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='9']>[data-rwd*='x9'] {
    width: 100%
  }
}

.gridBox[data-grid='8'] .col_full {
  width: 100%
}

.gridBox[data-grid='8']>* {
  width: 12.5%
}

@media (max-width: 440px) {
  .gridBox[data-grid='8']>* {
    width: 100%
  }
}

.gridBox[data-grid='8']>.col_1 {
  width: 12.5%
}

@media (max-width: 440px) {
  .gridBox[data-grid='8']>.col_1 {
    width: 100%
  }
}

.gridBox[data-grid='8']>.col_2 {
  width: 25%
}

@media (max-width: 440px) {
  .gridBox[data-grid='8']>.col_2 {
    width: 100%
  }
}

.gridBox[data-grid='8']>.col_3 {
  width: 37.5%
}

@media (max-width: 440px) {
  .gridBox[data-grid='8']>.col_3 {
    width: 100%
  }
}

.gridBox[data-grid='8']>.col_4 {
  width: 50%
}

@media (max-width: 440px) {
  .gridBox[data-grid='8']>.col_4 {
    width: 100%
  }
}

.gridBox[data-grid='8']>.col_5 {
  width: 62.5%
}

@media (max-width: 440px) {
  .gridBox[data-grid='8']>.col_5 {
    width: 100%
  }
}

.gridBox[data-grid='8']>.col_6 {
  width: 75%
}

@media (max-width: 440px) {
  .gridBox[data-grid='8']>.col_6 {
    width: 100%
  }
}

.gridBox[data-grid='8']>.col_7 {
  width: 87.5%
}

@media (max-width: 440px) {
  .gridBox[data-grid='8']>.col_7 {
    width: 100%
  }
}

.gridBox[data-grid='8']>.col_8 {
  width: 100%
}

@media (max-width: 440px) {
  .gridBox[data-grid='8']>.col_8 {
    width: 100%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='8']>[data-rwd*='l1'] {
    width: 12.5%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='8']>[data-rwd*='l2'] {
    width: 25%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='8']>[data-rwd*='l3'] {
    width: 37.5%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='8']>[data-rwd*='l4'] {
    width: 50%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='8']>[data-rwd*='l5'] {
    width: 62.5%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='8']>[data-rwd*='l6'] {
    width: 75%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='8']>[data-rwd*='l7'] {
    width: 87.5%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='8']>[data-rwd*='l8'] {
    width: 100%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='8']>[data-rwd*='m1'] {
    width: 12.5%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='8']>[data-rwd*='m2'] {
    width: 25%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='8']>[data-rwd*='m3'] {
    width: 37.5%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='8']>[data-rwd*='m4'] {
    width: 50%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='8']>[data-rwd*='m5'] {
    width: 62.5%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='8']>[data-rwd*='m6'] {
    width: 75%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='8']>[data-rwd*='m7'] {
    width: 87.5%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='8']>[data-rwd*='m8'] {
    width: 100%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='8']>[data-rwd*='s1'] {
    width: 12.5%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='8']>[data-rwd*='s2'] {
    width: 25%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='8']>[data-rwd*='s3'] {
    width: 37.5%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='8']>[data-rwd*='s4'] {
    width: 50%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='8']>[data-rwd*='s5'] {
    width: 62.5%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='8']>[data-rwd*='s6'] {
    width: 75%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='8']>[data-rwd*='s7'] {
    width: 87.5%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='8']>[data-rwd*='s8'] {
    width: 100%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='8']>[data-rwd*='x1'] {
    width: 12.5%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='8']>[data-rwd*='x2'] {
    width: 25%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='8']>[data-rwd*='x3'] {
    width: 37.5%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='8']>[data-rwd*='x4'] {
    width: 50%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='8']>[data-rwd*='x5'] {
    width: 62.5%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='8']>[data-rwd*='x6'] {
    width: 75%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='8']>[data-rwd*='x7'] {
    width: 87.5%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='8']>[data-rwd*='x8'] {
    width: 100%
  }
}

.gridBox[data-grid='6'] .col_full {
  width: 100%
}

.gridBox[data-grid='6']>* {
  width: 16.66667%
}

@media (max-width: 440px) {
  .gridBox[data-grid='6']>* {
    width: 100%
  }
}

.gridBox[data-grid='6']>.col_1 {
  width: 16.66667%
}

@media (max-width: 440px) {
  .gridBox[data-grid='6']>.col_1 {
    width: 100%
  }
}

.gridBox[data-grid='6']>.col_2 {
  width: 33.33333%
}

@media (max-width: 440px) {
  .gridBox[data-grid='6']>.col_2 {
    width: 100%
  }
}

.gridBox[data-grid='6']>.col_3 {
  width: 50%
}

@media (max-width: 440px) {
  .gridBox[data-grid='6']>.col_3 {
    width: 100%
  }
}

.gridBox[data-grid='6']>.col_4 {
  width: 66.66667%
}

@media (max-width: 440px) {
  .gridBox[data-grid='6']>.col_4 {
    width: 100%
  }
}

.gridBox[data-grid='6']>.col_5 {
  width: 83.33333%
}

@media (max-width: 440px) {
  .gridBox[data-grid='6']>.col_5 {
    width: 100%
  }
}

.gridBox[data-grid='6']>.col_6 {
  width: 100%
}

@media (max-width: 440px) {
  .gridBox[data-grid='6']>.col_6 {
    width: 100%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='6']>[data-rwd*='l1'] {
    width: 16.66667%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='6']>[data-rwd*='l2'] {
    width: 33.33333%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='6']>[data-rwd*='l3'] {
    width: 50%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='6']>[data-rwd*='l4'] {
    width: 66.66667%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='6']>[data-rwd*='l5'] {
    width: 83.33333%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='6']>[data-rwd*='l6'] {
    width: 100%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='6']>[data-rwd*='m1'] {
    width: 16.66667%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='6']>[data-rwd*='m2'] {
    width: 33.33333%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='6']>[data-rwd*='m3'] {
    width: 50%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='6']>[data-rwd*='m4'] {
    width: 66.66667%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='6']>[data-rwd*='m5'] {
    width: 83.33333%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='6']>[data-rwd*='m6'] {
    width: 100%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='6']>[data-rwd*='s1'] {
    width: 16.66667%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='6']>[data-rwd*='s2'] {
    width: 33.33333%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='6']>[data-rwd*='s3'] {
    width: 50%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='6']>[data-rwd*='s4'] {
    width: 66.66667%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='6']>[data-rwd*='s5'] {
    width: 83.33333%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='6']>[data-rwd*='s6'] {
    width: 100%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='6']>[data-rwd*='x1'] {
    width: 16.66667%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='6']>[data-rwd*='x2'] {
    width: 33.33333%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='6']>[data-rwd*='x3'] {
    width: 50%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='6']>[data-rwd*='x4'] {
    width: 66.66667%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='6']>[data-rwd*='x5'] {
    width: 83.33333%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='6']>[data-rwd*='x6'] {
    width: 100%
  }
}

.gridBox[data-grid='5'] .col_full {
  width: 100%
}

.gridBox[data-grid='5']>* {
  width: 20%
}

@media (max-width: 440px) {
  .gridBox[data-grid='5']>* {
    width: 100%
  }
}

.gridBox[data-grid='5']>.col_1 {
  width: 20%
}

@media (max-width: 440px) {
  .gridBox[data-grid='5']>.col_1 {
    width: 100%
  }
}

.gridBox[data-grid='5']>.col_2 {
  width: 40%
}

@media (max-width: 440px) {
  .gridBox[data-grid='5']>.col_2 {
    width: 100%
  }
}

.gridBox[data-grid='5']>.col_3 {
  width: 60%
}

@media (max-width: 440px) {
  .gridBox[data-grid='5']>.col_3 {
    width: 100%
  }
}

.gridBox[data-grid='5']>.col_4 {
  width: 80%
}

@media (max-width: 440px) {
  .gridBox[data-grid='5']>.col_4 {
    width: 100%
  }
}

.gridBox[data-grid='5']>.col_5 {
  width: 100%
}

@media (max-width: 440px) {
  .gridBox[data-grid='5']>.col_5 {
    width: 100%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='5']>[data-rwd*='l1'] {
    width: 20%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='5']>[data-rwd*='l2'] {
    width: 40%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='5']>[data-rwd*='l3'] {
    width: 60%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='5']>[data-rwd*='l4'] {
    width: 80%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='5']>[data-rwd*='l5'] {
    width: 100%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='5']>[data-rwd*='m1'] {
    width: 20%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='5']>[data-rwd*='m2'] {
    width: 40%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='5']>[data-rwd*='m3'] {
    width: 60%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='5']>[data-rwd*='m4'] {
    width: 80%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='5']>[data-rwd*='m5'] {
    width: 100%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='5']>[data-rwd*='s1'] {
    width: 20%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='5']>[data-rwd*='s2'] {
    width: 40%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='5']>[data-rwd*='s3'] {
    width: 60%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='5']>[data-rwd*='s4'] {
    width: 80%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='5']>[data-rwd*='s5'] {
    width: 100%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='5']>[data-rwd*='x1'] {
    width: 20%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='5']>[data-rwd*='x2'] {
    width: 40%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='5']>[data-rwd*='x3'] {
    width: 60%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='5']>[data-rwd*='x4'] {
    width: 80%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='5']>[data-rwd*='x5'] {
    width: 100%
  }
}

.gridBox[data-grid='4'] .col_full {
  width: 100%
}

.gridBox[data-grid='4']>* {
  width: 25%
}

@media (max-width: 440px) {
  .gridBox[data-grid='4']>* {
    width: 100%
  }
}

.gridBox[data-grid='4']>.col_1 {
  width: 25%
}

@media (max-width: 440px) {
  .gridBox[data-grid='4']>.col_1 {
    width: 100%
  }
}

.gridBox[data-grid='4']>.col_2 {
  width: 50%
}

@media (max-width: 440px) {
  .gridBox[data-grid='4']>.col_2 {
    width: 100%
  }
}

.gridBox[data-grid='4']>.col_3 {
  width: 75%
}

@media (max-width: 440px) {
  .gridBox[data-grid='4']>.col_3 {
    width: 100%
  }
}

.gridBox[data-grid='4']>.col_4 {
  width: 100%
}

@media (max-width: 440px) {
  .gridBox[data-grid='4']>.col_4 {
    width: 100%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='4']>[data-rwd*='l1'] {
    width: 25%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='4']>[data-rwd*='l2'] {
    width: 50%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='4']>[data-rwd*='l3'] {
    width: 75%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='4']>[data-rwd*='l4'] {
    width: 100%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='4']>[data-rwd*='m1'] {
    width: 25%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='4']>[data-rwd*='m2'] {
    width: 50%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='4']>[data-rwd*='m3'] {
    width: 75%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='4']>[data-rwd*='m4'] {
    width: 100%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='4']>[data-rwd*='s1'] {
    width: 25%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='4']>[data-rwd*='s2'] {
    width: 50%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='4']>[data-rwd*='s3'] {
    width: 75%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='4']>[data-rwd*='s4'] {
    width: 100%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='4']>[data-rwd*='x1'] {
    width: 25%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='4']>[data-rwd*='x2'] {
    width: 50%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='4']>[data-rwd*='x3'] {
    width: 75%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='4']>[data-rwd*='x4'] {
    width: 100%
  }
}

.gridBox[data-grid='3'] .col_full {
  width: 100%
}

.gridBox[data-grid='3']>* {
  width: 33.33333%
}

@media (max-width: 440px) {
  .gridBox[data-grid='3']>* {
    width: 100%
  }
}

.gridBox[data-grid='3']>.col_1 {
  width: 33.33333%
}

@media (max-width: 440px) {
  .gridBox[data-grid='3']>.col_1 {
    width: 100%
  }
}

.gridBox[data-grid='3']>.col_2 {
  width: 66.66667%
}

@media (max-width: 440px) {
  .gridBox[data-grid='3']>.col_2 {
    width: 100%
  }
}

.gridBox[data-grid='3']>.col_3 {
  width: 100%
}

@media (max-width: 440px) {
  .gridBox[data-grid='3']>.col_3 {
    width: 100%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='3']>[data-rwd*='l1'] {
    width: 33.33333%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='3']>[data-rwd*='l2'] {
    width: 66.66667%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='3']>[data-rwd*='l3'] {
    width: 100%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='3']>[data-rwd*='m1'] {
    width: 33.33333%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='3']>[data-rwd*='m2'] {
    width: 66.66667%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='3']>[data-rwd*='m3'] {
    width: 100%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='3']>[data-rwd*='s1'] {
    width: 33.33333%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='3']>[data-rwd*='s2'] {
    width: 66.66667%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='3']>[data-rwd*='s3'] {
    width: 100%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='3']>[data-rwd*='x1'] {
    width: 33.33333%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='3']>[data-rwd*='x2'] {
    width: 66.66667%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='3']>[data-rwd*='x3'] {
    width: 100%
  }
}

.gridBox[data-grid='2'] .col_full {
  width: 100%
}

.gridBox[data-grid='2']>* {
  width: 50%
}

@media (max-width: 440px) {
  .gridBox[data-grid='2']>* {
    width: 100%
  }
}

.gridBox[data-grid='2']>.col_1 {
  width: 50%
}

@media (max-width: 440px) {
  .gridBox[data-grid='2']>.col_1 {
    width: 100%
  }
}

.gridBox[data-grid='2']>.col_2 {
  width: 100%
}

@media (max-width: 440px) {
  .gridBox[data-grid='2']>.col_2 {
    width: 100%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='2']>[data-rwd*='l1'] {
    width: 50%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='2']>[data-rwd*='l2'] {
    width: 100%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='2']>[data-rwd*='m1'] {
    width: 50%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='2']>[data-rwd*='m2'] {
    width: 100%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='2']>[data-rwd*='s1'] {
    width: 50%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='2']>[data-rwd*='s2'] {
    width: 100%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='2']>[data-rwd*='x1'] {
    width: 50%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='2']>[data-rwd*='x2'] {
    width: 100%
  }
}

.gridBox[data-grid='1'] .col_full {
  width: 100%
}

.gridBox[data-grid='1']>* {
  width: 100%
}

@media (max-width: 440px) {
  .gridBox[data-grid='1']>* {
    width: 100%
  }
}

.gridBox[data-grid='1']>.col_1 {
  width: 100%
}

@media (max-width: 440px) {
  .gridBox[data-grid='1']>.col_1 {
    width: 100%
  }
}

@media (max-width: 1200px) {
  .gridBox[data-grid='1']>[data-rwd*='l1'] {
    width: 100%
  }
}

@media (max-width: 992px) {
  .gridBox[data-grid='1']>[data-rwd*='m1'] {
    width: 100%
  }
}

@media (max-width: 768px) {
  .gridBox[data-grid='1']>[data-rwd*='s1'] {
    width: 100%
  }
}

@media (max-width: 440px) {
  .gridBox[data-grid='1']>[data-rwd*='x1'] {
    width: 100%
  }
}

.menuListStyle_3 *:not(ul):not(.subMenu), .menuListStyle_4 *:not(ul):not(.subMenu), .breadcrumb *:not(ul):not(.subMenu), .navMenu *:not(ul):not(.subMenu), footer .siteMap.type2 *:not(ul):not(.subMenu), footer .socialList *:not(ul):not(.subMenu), .listStyle_content *:not(ul):not(.subMenu), .listStyle_Multi *:not(ul):not(.subMenu), .menuListStyle_1 *:not(ul):not(.subMenu), .proMenu *:not(ul):not(.subMenu), .menuBlock *:not(ul):not(.subMenu), footer .siteMap.type1 *:not(ul):not(.subMenu), .listStyle_faicon *:not(ul):not(.subMenu), .menuListStyle_2 *:not(ul):not(.subMenu), footer .companyInfo *:not(ul):not(.subMenu), .listStyle_border *:not(ul):not(.subMenu), footer .siteMap.type3 *:not(ul):not(.subMenu), .marquee ul *:not(ul):not(.subMenu), .menuListStyle_1 li:active:before, .proMenu li:active:before, .menuBlock li:active:before, .menuListStyle_1 li:hover:before, .proMenu li:hover:before, .menuBlock li:hover:before, .menuListStyle_1 li:focus:before, .proMenu li:focus:before, .menuBlock li:focus:before, .itemImg:not([class*="hoverEffect"]):before, .itemImg:not([class*="hoverEffect"]):after, .itemImg.hoverEffect1:before, .itemImg.hoverEffect1:after, .itemImg.hoverEffect2:before, .itemImg.hoverEffect2:after, .itemImg.hoverEffect3:before, .itemImg.hoverEffect3:after, .hamburger span:before, .hamburger span:after, .hamburger span, .topLink .topLinkMenu *, .headerType4 .topLinkLeft .topLinkMenu *, .headerType4 .topLinkRight .topLinkMenu *, .headerType5 .topLinkLeft .topLinkMenu *, .headerType5 .topLinkRight .topLinkMenu *, .header, .topLink, .headerType4 .topLinkLeft, .headerType4 .topLinkRight, .headerType5 .topLinkLeft, .headerType5 .topLinkRight, .navBar .brandLogo img, .navMenu li:hover ul, .sideAD, .slick-slider .slick-arrow, .faqList .itemList .item .itemTitle:before, .faqList .downloadList .itemList.downloadListType1 .item .itemIcon:before, .downloadList .faqList .itemList.downloadListType1 .item .itemIcon:before, .faqList .itemList .item .itemTitle:after, .faqList .downloadList .itemList.downloadListType1 .item .itemIcon:after, .downloadList .faqList .itemList.downloadListType1 .item .itemIcon:after, .faqList .itemList .item .itemTitle:hover, .faqList .downloadList .itemList.downloadListType1 .item .itemIcon:hover, .downloadList .faqList .itemList.downloadListType1 .item .itemIcon:hover, .proListFun .gridChange a {
  transition: all .2s ease-in;
  -webkit-transition: all .2s ease-in
}

.formTable {
  display: table;
  width: 100%
}

.formTable .formItem {
  display: table-row
}

.formTable .formItem>* {
  display: table-cell;
  padding: 16px
}

.formTable .formItem>* input {
  width: 100%
}

@media (max-width: 440px) {
  .formTable .formItem {
    display: block
  }
  .formTable .formItem>* {
    display: block;
    padding: 0
  }
  .formTable .formItem+* {
    margin-top: 25.6px
  }
}

.sideForm {
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch
}

[class^=btn-] {
  color: #fff
}

[class^=btn-].error, [class^=btn-]:active, [class^=btn-]:focus, [class^=btn-]:hover {
  color: #fff
}

.btn-cis1 {
  border-radius: 2px;
  background: #e62129;
  border-width: 1px;
  border-style: solid;
  border-color: #e62129;
  letter-spacing: 1px;
  color: #fff;
  padding: 0.65em 1.5em;
  line-height: 1em;
  font-size: 16px;
  cursor: pointer;
  margin: 16px 0;
  display: inline-block
}

.btn-cis1.error, .btn-cis1:active, .btn-cis1:focus, .btn-cis1:hover {
  background: #092469;
  background: #092469;
  color: #fff
}

.btn-cis2 {
  border-radius: 2px;
  background: #333;
  border-width: 1px;
  border-style: solid;
  border-color: #333;
  letter-spacing: 1px;
  color: #fff;
  padding: 0.65em 1.5em;
  line-height: 1em;
  font-size: 16px;
  cursor: pointer;
  margin: 16px 0;
  display: inline-block
}

.btn-cis2.error, .btn-cis2:active, .btn-cis2:focus, .btn-cis2:hover {
  background: #404040;
  background: #404040;
  color: #fff
}

.btn-cis3 {
  border-radius: 2px;
  background: #b3b3b3;
  border-width: 1px;
  border-style: solid;
  border-color: #b3b3b3;
  letter-spacing: 1px;
  color: #fff;
  padding: 0.65em 1.5em;
  line-height: 1em;
  font-size: 16px;
  cursor: pointer;
  margin: 16px 0;
  display: inline-block
}

.btn-cis3.error, .btn-cis3:active, .btn-cis3:focus, .btn-cis3:hover {
  background: silver;
  background: silver;
  color: #fff
}

.btn-cis1-dark {
  border-radius: 2px;
  background: #040f2c;
  border-width: 1px;
  border-style: solid;
  border-color: #040f2c;
  letter-spacing: 1px;
  color: #fff;
  padding: 0.65em 1.5em;
  line-height: 1em;
  font-size: 16px;
  cursor: pointer;
  margin: 16px 0;
  display: inline-block
}

.btn-cis1-dark.error, .btn-cis1-dark:active, .btn-cis1-dark:focus, .btn-cis1-dark:hover {
  background: #061744;
  background: #061744;
  color: #fff
}

.btn-cis2-dark {
  border-radius: 2px;
  background: #1f1f1f;
  border-width: 1px;
  border-style: solid;
  border-color: #1f1f1f;
  letter-spacing: 1px;
  color: #fff;
  padding: 0.65em 1.5em;
  line-height: 1em;
  font-size: 16px;
  cursor: pointer;
  margin: 16px 0;
  display: inline-block
}

.btn-cis2-dark.error, .btn-cis2-dark:active, .btn-cis2-dark:focus, .btn-cis2-dark:hover {
  background: #2b2b2b;
  background: #2b2b2b;
  color: #fff
}

.btn-cis3-dark {
  border-radius: 2px;
  background: #9f9f9f;
  border-width: 1px;
  border-style: solid;
  border-color: #9f9f9f;
  letter-spacing: 1px;
  color: #fff;
  padding: 0.65em 1.5em;
  line-height: 1em;
  font-size: 16px;
  cursor: pointer;
  margin: 16px 0;
  display: inline-block
}

.btn-cis3-dark.error, .btn-cis3-dark:active, .btn-cis3-dark:focus, .btn-cis3-dark:hover {
  background: #ababab;
  background: #ababab;
  color: #fff
}

.btn-cis1-darker {
  border-radius: 2px;
  background: #010207;
  border-width: 1px;
  border-style: solid;
  border-color: #010207;
  letter-spacing: 1px;
  color: #fff;
  padding: 0.65em 1.5em;
  line-height: 1em;
  font-size: 16px;
  cursor: pointer;
  margin: 16px 0;
  display: inline-block
}

.btn-cis1-darker.error, .btn-cis1-darker:active, .btn-cis1-darker:focus, .btn-cis1-darker:hover {
  background: #030a1e;
  background: #030a1e;
  color: #fff
}

.btn-cis2-darker {
  border-radius: 2px;
  background: #0a0a0a;
  border-width: 1px;
  border-style: solid;
  border-color: #0a0a0a;
  letter-spacing: 1px;
  color: #fff;
  padding: 0.65em 1.5em;
  line-height: 1em;
  font-size: 16px;
  cursor: pointer;
  margin: 16px 0;
  display: inline-block
}

.btn-cis2-darker.error, .btn-cis2-darker:active, .btn-cis2-darker:focus, .btn-cis2-darker:hover {
  background: #171717;
  background: #171717;
  color: #fff
}

.btn-cis3-darker {
  border-radius: 2px;
  background: #8a8a8a;
  border-width: 1px;
  border-style: solid;
  border-color: #8a8a8a;
  letter-spacing: 1px;
  color: #fff;
  padding: 0.65em 1.5em;
  line-height: 1em;
  font-size: 16px;
  cursor: pointer;
  margin: 16px 0;
  display: inline-block
}

.btn-cis3-darker.error, .btn-cis3-darker:active, .btn-cis3-darker:focus, .btn-cis3-darker:hover {
  background: #979797;
  background: #979797;
  color: #fff
}

.btn-cis1-light {
  border-radius: 2px;
  background: #0a2978;
  border-width: 1px;
  border-style: solid;
  border-color: #0a2978;
  letter-spacing: 1px;
  color: #fff;
  padding: 0.65em 1.5em;
  line-height: 1em;
  font-size: 16px;
  cursor: pointer;
  margin: 16px 0;
  display: inline-block
}

.btn-cis1-light.error, .btn-cis1-light:active, .btn-cis1-light:focus, .btn-cis1-light:hover {
  background: #0c318f;
  background: #0c318f;
  color: #fff
}

.btn-cis2-light {
  border-radius: 2px;
  background: #474747;
  border-width: 1px;
  border-style: solid;
  border-color: #474747;
  letter-spacing: 1px;
  color: #fff;
  padding: 0.65em 1.5em;
  line-height: 1em;
  font-size: 16px;
  cursor: pointer;
  margin: 16px 0;
  display: inline-block
}

.btn-cis2-light.error, .btn-cis2-light:active, .btn-cis2-light:focus, .btn-cis2-light:hover {
  background: #545454;
  background: #545454;
  color: #fff
}

.btn-cis3-light {
  border-radius: 2px;
  background: #c7c7c7;
  border-width: 1px;
  border-style: solid;
  border-color: #c7c7c7;
  letter-spacing: 1px;
  color: #fff;
  padding: 0.65em 1.5em;
  line-height: 1em;
  font-size: 16px;
  cursor: pointer;
  margin: 16px 0;
  display: inline-block
}

.btn-cis3-light.error, .btn-cis3-light:active, .btn-cis3-light:focus, .btn-cis3-light:hover {
  background: #d4d4d4;
  background: #d4d4d4;
  color: #fff
}

.btn-cis1-lighter {
  border-radius: 2px;
  background: #0d369d;
  border-width: 1px;
  border-style: solid;
  border-color: #0d369d;
  letter-spacing: 1px;
  color: #fff;
  padding: 0.65em 1.5em;
  line-height: 1em;
  font-size: 16px;
  cursor: pointer;
  margin: 16px 0;
  display: inline-block
}

.btn-cis1-lighter.error, .btn-cis1-lighter:active, .btn-cis1-lighter:focus, .btn-cis1-lighter:hover {
  background: #0f3eb5;
  background: #0f3eb5;
  color: #fff
}

.btn-cis2-lighter {
  border-radius: 2px;
  background: #5c5c5c;
  border-width: 1px;
  border-style: solid;
  border-color: #5c5c5c;
  letter-spacing: 1px;
  color: #fff;
  padding: 0.65em 1.5em;
  line-height: 1em;
  font-size: 16px;
  cursor: pointer;
  margin: 16px 0;
  display: inline-block
}

.btn-cis2-lighter.error, .btn-cis2-lighter:active, .btn-cis2-lighter:focus, .btn-cis2-lighter:hover {
  background: dimgray;
  background: dimgray;
  color: #fff
}

.btn-cis3-lighter {
  border-radius: 2px;
  background: #dcdcdc;
  border-width: 1px;
  border-style: solid;
  border-color: #dcdcdc;
  letter-spacing: 1px;
  color: #fff;
  padding: 0.65em 1.5em;
  line-height: 1em;
  font-size: 16px;
  cursor: pointer;
  margin: 16px 0;
  display: inline-block
}

.btn-cis3-lighter.error, .btn-cis3-lighter:active, .btn-cis3-lighter:focus, .btn-cis3-lighter:hover {
  background: #e9e9e9;
  background: #e9e9e9;
  color: #fff
}

button, .btn-prev, .btn-next {
  border-radius: 2px;
  background: #e62129;
  border-width: 1px;
  border-style: solid;
  border-color: #e62129;
  letter-spacing: 1px;
  color: #fff;
  padding: 0.65em 1.5em;
  line-height: 1em;
  font-size: 16px;
  cursor: pointer;
  margin: 16px 0;
  display: inline-block
}

button.error, .error.btn-prev, .error.btn-next, button:active, .btn-prev:active, .btn-next:active, button:focus, .btn-prev:focus, .btn-next:focus, button:hover, .btn-prev:hover, .btn-next:hover {
  background: #fa2d35;
  color: #fff
}

button i, .btn-prev i, .btn-next i, [class^='btn-'] i {
  padding-right: .5em
}

.btn-prev, .btn-next {
  background: none;
  color: #f12b34
}

.btn-prev i {
  padding-left: 0
}

.btn-next i {
  padding-right: 0;
  padding-left: .5em
}

.btn-fb {
  border-radius: 2px;
  background: #2d609b;
  border-width: 1px;
  border-style: solid;
  border-color: #2d609b;
  letter-spacing: 1px;
  color: #fff;
  padding: 0.65em 1.5em;
  line-height: 1em;
  font-size: 16px;
  cursor: pointer;
  margin: 16px 0;
  display: inline-block;
  color: #fff
}

.btn-fb.error, .btn-fb:active, .btn-fb:focus, .btn-fb:hover {
  background: #336caf;
  background: #336caf;
  color: #fff
}

.btn-fb:before {
  content: '\f09a';
  font-family: fontawesome;
  padding-right: .5em
}

.btn-google {
  border-radius: 2px;
  background: #dc4e40;
  border-width: 1px;
  border-style: solid;
  border-color: #dc4e40;
  letter-spacing: 1px;
  color: #fff;
  padding: 0.65em 1.5em;
  line-height: 1em;
  font-size: 16px;
  cursor: pointer;
  margin: 16px 0;
  display: inline-block;
  color: #fff
}

.btn-google.error, .btn-google:active, .btn-google:focus, .btn-google:hover {
  background: #e06256;
  background: #e06256;
  color: #fff
}

.btn-google:before {
  content: '\f0d5';
  font-family: fontawesome;
  padding-right: .5em
}

.btn-twitter {
  border-radius: 2px;
  background: #00c3f3;
  border-width: 1px;
  border-style: solid;
  border-color: #00c3f3;
  letter-spacing: 1px;
  color: #fff;
  padding: 0.65em 1.5em;
  line-height: 1em;
  font-size: 16px;
  cursor: pointer;
  margin: 16px 0;
  display: inline-block;
  color: #fff
}

.btn-twitter.error, .btn-twitter:active, .btn-twitter:focus, .btn-twitter:hover {
  background: #0ecfff;
  background: #0ecfff;
  color: #fff
}

.btn-twitter:before {
  content: '\f099';
  font-family: fontawesome;
  padding-right: .5em
}

.btn-big {
  font-size: 24px
}

.btn-link {
  background: none;
  padding: 0;
  color: #333;
  text-decoration: underline;
  border: 0
}

.btn-link:hover, .btn-link.error, .btn-link:focus, .btn-link.action {
  color: #f12b34
}

input::-webkit-input-placeholder {
  color: #ccc;
  font-weight: 300
}

input:-moz-placeholder {
  color: #ccc;
  font-weight: 300
}

input::-moz-placeholder {
  color: #ccc;
  font-weight: 300
}

input:-ms-input-placeholder {
  color: #ccc;
  font-weight: 300
}

input:focus::-webkit-input-placeholder {
  color: transparent
}

input:focus:-moz-placeholder {
  color: transparent
}

input:focus::-moz-placeholder {
  color: transparent
}

input:focus:-ms-input-placeholder {
  color: transparent
}

textarea::-webkit-input-placeholder {
  color: #ccc;
  font-weight: 300
}

textarea:-moz-placeholder {
  color: #ccc;
  font-weight: 300
}

textarea::-moz-placeholder {
  color: #ccc;
  font-weight: 300
}

textarea:-ms-input-placeholder {
  color: #ccc;
  font-weight: 300
}

textarea:focus::-webkit-input-placeholder {
  color: transparent
}

textarea:focus:-moz-placeholder {
  color: transparent
}

textarea:focus::-moz-placeholder {
  color: transparent
}

textarea:focus:-ms-input-placeholder {
  color: transparent
}

select, textarea, input {
  border: 1px solid #ebebeb;
  border-radius: 2px;
  box-shadow: none;
  line-height: 45px;
  height: 45px;
  padding: 0 1em;
  color: #4d4d4d;
  font-size: 16px;
  letter-spacing: 1px
}

select.error, select:focus, select:active, textarea.error, textarea:focus, textarea:active, input.error, input:focus, input:active {
  border-color: #f12b34;
  outline: 0
}

select:disabled, option:disabled, textarea:disabled, input:disabled {
  background: none;
  border-color: transparent;
  padding-left: 0;
  color: #ddd
}

select:disabled:focus, select:disabled:active, option:disabled:focus, option:disabled:active, textarea:disabled:focus, textarea:disabled:active, input:disabled:focus, input:disabled:active {
  border-color: transparent;
  outline: 0
}

form .formItem, .form .formItem {
  margin-bottom: 16px
}

form .formItem select, form .formItem textarea, form .formItem input, .form .formItem select, .form .formItem textarea, .form .formItem input {
  width: 100%
}

form .formItem input[type='checkbox'], form .formItem input[type='radio'], .form .formItem input[type='checkbox'], .form .formItem input[type='radio'] {
  width: auto
}

form .formItem textarea, .form .formItem textarea {
  min-height: 10em
}

form .formItem.oneLine, .form .formItem.oneLine {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap
}

form .formItem.oneLine select, form .formItem.oneLine textarea, form .formItem.oneLine input, .form .formItem.oneLine select, .form .formItem.oneLine textarea, .form .formItem.oneLine input {
  width: auto;
  vertical-align: middle;
  max-width: 100%
}

form .formItem.oneLine *:not(label):not(i), .form .formItem.oneLine *:not(label):not(i) {
  margin: 0;
  margin-right: 1em;
  margin-bottom: .5em;
  max-width: 100%
}

form .formItem.oneLine label, .form .formItem.oneLine label {
  width: 100%
}

form .formItem.oneLine .autoFull, .form .formItem.oneLine .autoFull {
  flex: 1 1 auto;
  -webkit-flex: 1 1 auto
}

form .formItem.oneLine>div, form .formItem.oneLine>*:last-child, .form .formItem.oneLine>div, .form .formItem.oneLine>*:last-child {
  margin-right: 0
}

form .formItem.oneLine .cube label, .form .formItem.oneLine .cube label {
  width: auto
}

form label, .form label {
  display: block;
  font-weight: 700
}

form label.must:before, .form label.must:before {
  content: '*';
  padding-right: .5em;
  font-size: 16px;
  color: #f12b34
}

form .checkbox input[type="checkbox"]+span:before, form .checkbox input[type="radio"]+span:before, form .checkbox .radio input[type="checkbox"]+span:before, form .checkbox .radio input[type="radio"]+span:before, form .form .checkbox input[type="checkbox"]+span:before, .form form .checkbox input[type="checkbox"]+span:before, form .form .checkbox input[type="radio"]+span:before, .form form .checkbox input[type="radio"]+span:before, form .checkbox input[type="checkbox"]:checked+span:after, form .checkbox input[type="radio"]:checked+span:after, form .checkbox .radio input[type="checkbox"]:checked+span:after, form .checkbox .radio input[type="radio"]:checked+span:after, form .form .checkbox input[type="checkbox"]:checked+span:after, .form form .checkbox input[type="checkbox"]:checked+span:after, form .form .checkbox input[type="radio"]:checked+span:after, .form form .checkbox input[type="radio"]:checked+span:after, form .radio .checkbox input[type="checkbox"]+span:before, form .radio .checkbox input[type="radio"]+span:before, form .radio input[type="checkbox"]+span:before, form .radio input[type="radio"]+span:before, form .form .radio input[type="checkbox"]+span:before, .form form .radio input[type="checkbox"]+span:before, form .form .radio input[type="radio"]+span:before, .form form .radio input[type="radio"]+span:before, form .radio .checkbox input[type="checkbox"]:checked+span:after, form .radio .checkbox input[type="radio"]:checked+span:after, form .radio input[type="checkbox"]:checked+span:after, form .radio input[type="radio"]:checked+span:after, form .form .radio input[type="checkbox"]:checked+span:after, .form form .radio input[type="checkbox"]:checked+span:after, form .form .radio input[type="radio"]:checked+span:after, .form form .radio input[type="radio"]:checked+span:after, .form .checkbox input[type="checkbox"]+span:before, .form .checkbox input[type="radio"]+span:before, .form .checkbox .radio input[type="checkbox"]+span:before, .form .checkbox .radio input[type="radio"]+span:before, .form .checkbox input[type="checkbox"]:checked+span:after, .form .checkbox input[type="radio"]:checked+span:after, .form .checkbox .radio input[type="checkbox"]:checked+span:after, .form .checkbox .radio input[type="radio"]:checked+span:after, .form .radio .checkbox input[type="checkbox"]+span:before, .form .radio .checkbox input[type="radio"]+span:before, .form .radio input[type="checkbox"]+span:before, .form .radio input[type="radio"]+span:before, .form .radio .checkbox input[type="checkbox"]:checked+span:after, .form .radio .checkbox input[type="radio"]:checked+span:after, .form .radio input[type="checkbox"]:checked+span:after, .form .radio input[type="radio"]:checked+span:after {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(51, 51, 51, 0.5)
}

form .checkbox label, form .radio label, .form .checkbox label, .form .radio label {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  padding-right: 1.5em;
  vertical-align: middle
}

form .checkbox input[type="checkbox"], form .checkbox input[type="radio"], form .radio input[type="checkbox"], form .radio input[type="radio"], .form .checkbox input[type="checkbox"], .form .checkbox input[type="radio"], .form .radio input[type="checkbox"], .form .radio input[type="radio"] {
  width: auto;
  opacity: 0;
  position: absolute
}

form .checkbox input[type="checkbox"]+span:before, form .checkbox input[type="radio"]+span:before, form .radio input[type="checkbox"]+span:before, form .radio input[type="radio"]+span:before, .form .checkbox input[type="checkbox"]+span:before, .form .checkbox input[type="radio"]+span:before, .form .radio input[type="checkbox"]+span:before, .form .radio input[type="radio"]+span:before {
  content: '';
  z-index: 1
}

form .checkbox input[type="checkbox"]:checked+span:before, form .checkbox input[type="radio"]:checked+span:before, form .radio input[type="checkbox"]:checked+span:before, form .radio input[type="radio"]:checked+span:before, .form .checkbox input[type="checkbox"]:checked+span:before, .form .checkbox input[type="radio"]:checked+span:before, .form .radio input[type="checkbox"]:checked+span:before, .form .radio input[type="radio"]:checked+span:before {
  border-color: #f12b34
}

form .checkbox input[type="checkbox"]:checked+span:after, form .checkbox input[type="radio"]:checked+span:after, form .radio input[type="checkbox"]:checked+span:after, form .radio input[type="radio"]:checked+span:after, .form .checkbox input[type="checkbox"]:checked+span:after, .form .checkbox input[type="radio"]:checked+span:after, .form .radio input[type="checkbox"]:checked+span:after, .form .radio input[type="radio"]:checked+span:after {
  content: '';
  z-index: 0;
  border: 2px solid #fff;
  background: #f12b34
}

form .checkbox input[type="checkbox"]+span img, form .checkbox input[type="radio"]+span img, form .radio input[type="checkbox"]+span img, form .radio input[type="radio"]+span img, .form .checkbox input[type="checkbox"]+span img, .form .checkbox input[type="radio"]+span img, .form .radio input[type="checkbox"]+span img, .form .radio input[type="radio"]+span img {
  padding-right: .5em;
  max-height: 1em;
  vertical-align: text-bottom
}

form .checkbox input[type="radio"]+span:after, form .checkbox input[type="radio"]+span:before, form .radio input[type="radio"]+span:after, form .radio input[type="radio"]+span:before, .form .checkbox input[type="radio"]+span:after, .form .checkbox input[type="radio"]+span:before, .form .radio input[type="radio"]+span:after, .form .radio input[type="radio"]+span:before {
  border-radius: 100%
}

form .checkbox input[type="checkbox"]+span:after, form .checkbox input[type="checkbox"]+span:before, form .radio input[type="checkbox"]+span:after, form .radio input[type="checkbox"]+span:before, .form .checkbox input[type="checkbox"]+span:after, .form .checkbox input[type="checkbox"]+span:before, .form .radio input[type="checkbox"]+span:after, .form .radio input[type="checkbox"]+span:before {
  border-radius: 3px
}

form .checkbox input[type="radio"]:disabled+span, form .checkbox input[type="checkbox"]:disabled+span, form .radio input[type="radio"]:disabled+span, form .radio input[type="checkbox"]:disabled+span, .form .checkbox input[type="radio"]:disabled+span, .form .checkbox input[type="checkbox"]:disabled+span, .form .radio input[type="radio"]:disabled+span, .form .radio input[type="checkbox"]:disabled+span {
  color: #ccc
}

form .checkbox input[type="radio"]:disabled+span:before, form .checkbox input[type="checkbox"]:disabled+span:before, form .radio input[type="radio"]:disabled+span:before, form .radio input[type="checkbox"]:disabled+span:before, .form .checkbox input[type="radio"]:disabled+span:before, .form .checkbox input[type="checkbox"]:disabled+span:before, .form .radio input[type="radio"]:disabled+span:before, .form .radio input[type="checkbox"]:disabled+span:before {
  border-color: #ccc
}

form .checkbox input[type="radio"]:disabled+span:after, form .checkbox input[type="checkbox"]:disabled+span:after, form .radio input[type="radio"]:disabled+span:after, form .radio input[type="checkbox"]:disabled+span:after, .form .checkbox input[type="radio"]:disabled+span:after, .form .checkbox input[type="checkbox"]:disabled+span:after, .form .radio input[type="radio"]:disabled+span:after, .form .radio input[type="checkbox"]:disabled+span:after {
  background: #ccc
}

form .checkbox input[type="radio"]:disabled:checked+span:before, form .checkbox input[type="checkbox"]:disabled:checked+span:before, form .radio input[type="radio"]:disabled:checked+span:before, form .radio input[type="checkbox"]:disabled:checked+span:before, .form .checkbox input[type="radio"]:disabled:checked+span:before, .form .checkbox input[type="checkbox"]:disabled:checked+span:before, .form .radio input[type="radio"]:disabled:checked+span:before, .form .radio input[type="checkbox"]:disabled:checked+span:before {
  border-color: #ccc
}

form .checkbox input[type="radio"]:disabled:checked+span:after, form .checkbox input[type="checkbox"]:disabled:checked+span:after, form .radio input[type="radio"]:disabled:checked+span:after, form .radio input[type="checkbox"]:disabled:checked+span:after, .form .checkbox input[type="radio"]:disabled:checked+span:after, .form .checkbox input[type="checkbox"]:disabled:checked+span:after, .form .radio input[type="radio"]:disabled:checked+span:after, .form .radio input[type="checkbox"]:disabled:checked+span:after {
  background: #ccc
}

form .checkbox.error, form .radio.error, .form .checkbox.error, .form .radio.error {
  border: 1px solid #f12b34;
  outline: 0
}

form .cube label, .form .cube label {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  display: -webkit-inline-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  vertical-align: middle
}

form .cube label input[type='checkbox'], form .cube label input[type='radio'], .form .cube label input[type='checkbox'], .form .cube label input[type='radio'] {
  position: absolute;
  left: -100%;
  top: -100%
}

form .cube label input+span, .form .cube label input+span {
  border: 1px solid #ebebeb;
  border-radius: 2px;
  text-align: center;
  min-width: 45px;
  height: 45px;
  line-height: 43px;
  padding: 0 .5em;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  position: relative;
  overflow: hidden;
  display: inline-flex;
  display: -webkit-inline-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center
}

form .cube label input+span img, .form .cube label input+span img {
  max-height: 1em;
  vertical-align: middle;
  padding-right: .5em
}

form .cube label input:checked+span, .form .cube label input:checked+span {
  border-color: #f12b34;
  background: #f12b34;
  color: #ffffff
}

form .cube label input:disabled+span, .form .cube label input:disabled+span {
  background: none;
  color: #ccc;
  position: relative
}

form .cube label input:disabled+span:after, .form .cube label input:disabled+span:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.3);
  z-index: 10
}

form .cube label input:disabled+span img, .form .cube label input:disabled+span img {
  opacity: .5
}

form .cube.img img, .form .cube.img img {
  position: absolute;
  padding: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  max-height: none
}

form .cube.small label, .form .cube.small label {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  display: -webkit-inline-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  vertical-align: middle
}

form .cube.small label input[type='checkbox'], form .cube.small label input[type='radio'], .form .cube.small label input[type='checkbox'], .form .cube.small label input[type='radio'] {
  position: absolute;
  left: -100%;
  top: -100%
}

form .cube.small label input+span, .form .cube.small label input+span {
  border: 1px solid #ebebeb;
  border-radius: 2px;
  text-align: center;
  min-width: 33.75px;
  height: 33.75px;
  line-height: 31.75px;
  padding: 0 .5em;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  position: relative;
  overflow: hidden;
  display: inline-flex;
  display: -webkit-inline-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center
}

form .cube.small label input+span img, .form .cube.small label input+span img {
  max-height: 1em;
  vertical-align: middle;
  padding-right: .5em
}

form .cube.small label input:checked+span, .form .cube.small label input:checked+span {
  border-color: #f12b34;
  background: #f12b34;
  color: #ffffff
}

form .cube.small label input:disabled+span, .form .cube.small label input:disabled+span {
  background: none;
  color: #ccc;
  position: relative
}

form .cube.small label input:disabled+span:after, .form .cube.small label input:disabled+span:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.3);
  z-index: 10
}

form .cube.small label input:disabled+span img, .form .cube.small label input:disabled+span img {
  opacity: .5
}

form .cube.small.img img, .form .cube.small.img img {
  position: absolute;
  padding: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  max-height: none
}

form .numSet button, form .numSet .btn-prev, form .numSet .btn-next, .form .numSet button, .form .numSet .btn-prev, .form .numSet .btn-next {
  padding: 0 5px;
  height: 45px;
  min-width: 45px;
  line-height: 43px;
  text-align: center;
  border-color: #ebebeb;
  background: #ebebeb;
  color: #333;
  margin: 0
}

form .numSet .minus, .form .numSet .minus {
  border-radius: 2px 0 0 2px
}

form .numSet .add, .form .numSet .add {
  border-radius: 0 2px 2px 0
}

form .numSet input, .form .numSet input {
  width: 45px;
  border-radius: 0;
  padding: 0;
  text-align: center
}

form .tips, form .tips *, .form .tips, .form .tips * {
  color: #d13428
}

.agreementBlock, .agreementBlock * {
  color: #f12b34
}

.priceFilter {
  margin-top: 32px;
  margin-bottom: 16px;
  border: 0;
  border-radius: 0;
  cursor: pointer;
  box-shadow: none;
  -webkit-box-shadow: none;
  height: 2px;
  background: rgba(13, 54, 157, 0.5)
}

.priceFilter .noUi-handle {
  width: 15px;
  height: 15px;
  cursor: pointer;
  border: 0;
  background: #f12b34;
  border-radius: 100%;
  box-shadow: none;
  -webkit-box-shadow: none
}

.priceFilter .noUi-handle:before {
  display: none
}

.priceFilter .noUi-handle:after {
  display: none
}

.priceFilter .noUi-background {
  background: rgba(13, 54, 157, 0.5);
  border-radius: 0;
  box-shadow: none;
  -webkit-box-shadow: none
}

.priceFilter .noUi-connect {
  background: #f12b34;
  border-radius: 0;
  box-shadow: none;
  -webkit-box-shadow: none
}

.showPrice {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between
}

.pageTitle:not([class*="pageTitleStyle-"]) {
  color: #f12b34;
  font-size: 36px;
  font-weight: 300;
  font-family: 'Philosopher Regular';
  text-transform: uppercase;
  letter-spacing: 0;
  line-height: .9;
  display: block;
  margin-top: 32px;
  margin-bottom: 32px;
  border-style: solid;
  border-width: 0 0 0 2px;
  border-color: #f12b34;
  padding-left: 0.5em
}

.pageTitle:not([class*="pageTitleStyle-"])>* {
  line-height: .9;
  display: inline-block;
  vertical-align: middle
}

.pageTitle:not([class*="pageTitleStyle-"]) small {
  font-size: 19px;
  color: #b3b3b3;
  padding-left: 0.5em;
  vertical-align: middle
}

.pageTitleStyle-1 {
  color: #f12b34;
  font-size: 36px;
  font-weight: 300;
  font-family: 'Philosopher Regular';
  text-transform: uppercase;
  letter-spacing: 0;
  line-height: .9;
  display: block;
  margin-top: 32px;
  margin-bottom: 32px
}

.pageTitleStyle-1>* {
  line-height: .9;
  display: inline-block;
  vertical-align: middle
}

.pageTitleStyle-1 small {
  font-size: 19px;
  color: #b3b3b3;
  padding-left: 0.5em;
  vertical-align: middle
}

.pageTitleStyle-1:before {
  content: "";
  font-family: fontawesome;
  vertical-align: middle;
  display: inline-block;
  color: #f12b34
}

.pageTitleStyle-2 {
  color: #f12b34;
  font-size: 36px;
  font-weight: 300;
  font-family: 'Philosopher Regular';
  text-transform: uppercase;
  letter-spacing: 0;
  line-height: .9;
  display: block;
  margin-top: 32px;
  margin-bottom: 32px;
  border-style: solid;
  border-width: 0 0 0 2px;
  border-color: #f12b34;
  padding-left: 0.5em
}

.pageTitleStyle-2>* {
  line-height: .9;
  display: inline-block;
  vertical-align: middle
}

.pageTitleStyle-2 small {
  font-size: 19px;
  color: #b3b3b3;
  padding-left: 0.5em;
  vertical-align: middle
}

.pageTitleStyle-3 {
  color: #f12b34;
  font-size: 36px;
  font-weight: 300;
  font-family: 'Philosopher Regular';
  text-transform: uppercase;
  letter-spacing: 0;
  line-height: .9;
  display: block;
  margin-top: 32px;
  margin-bottom: 32px;
  position: relative
}

.pageTitleStyle-3>* {
  line-height: .9;
  display: inline-block;
  vertical-align: middle
}

.pageTitleStyle-3 small {
  font-size: 19px;
  color: #b3b3b3;
  padding-left: 0.5em;
  vertical-align: middle
}

.pageTitleStyle-3:before {
  content: '';
  vertical-align: middle;
  display: inline-block;
  border-style: solid;
  border-width: 2px;
  border-color: #f12b34;
  background: #f12b34;
  width: 2em;
  height: 2em;
  position: absolute;
  top: -.5em;
  opacity: .2;
  z-index: 0;
  border-radius: 2px
}

.pageTitleStyle-3>span {
  padding-left: .5em;
  position: relative;
  z-index: 1
}

.pageTitleStyle-3 small {
  vertical-align: middle
}

.pageTitleStyle-4 {
  color: #f12b34;
  font-size: 36px;
  font-weight: 300;
  font-family: 'Philosopher Regular';
  text-transform: uppercase;
  letter-spacing: 0;
  line-height: .9;
  display: block;
  margin-top: 32px;
  margin-bottom: 32px
}

.pageTitleStyle-4>* {
  line-height: .9;
  display: inline-block;
  vertical-align: middle
}

.pageTitleStyle-4 small {
  font-size: 19px;
  color: #b3b3b3;
  padding-left: 0.5em;
  vertical-align: middle
}

.pageTitleStyle-4:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  background: url("../images/default/pagetitle_icon.svg") no-repeat center center;
  background-size: contain
}

.blockTitle:not([class*="blockTitleStyle-"]) {
  margin-bottom: 16px;
  font-weight: 300;
  font-size: 30px;
  color: #333
}

.blockTitle:not([class*="blockTitleStyle-"])>* {
  line-height: 1.35
}

.blockTitle:not([class*="blockTitleStyle-"]) small {
  display: block;
  font-size: 19px;
  color: #999;
  font-weight: 300;
  letter-spacing: 1px
}

.blockTitle:not([class*="blockTitleStyle-"]).txtCenter {
  text-align: center
}

.blockTitle:not([class*="blockTitleStyle-"]).txtCenter:after {
  margin: auto;
  margin-top: 25.6px
}

.blockTitle:not([class*="blockTitleStyle-"]):after {
  content: '';
  display: block;
  width: 30px;
  height: 3px;
  background: #f12b34;
  margin-top: 16px
}

.blockTitleStyle-1 {
  margin-bottom: 16px;
  font-weight: 300;
  font-size: 30px;
  color: #333
}

.blockTitleStyle-1>* {
  line-height: 1.35
}

.blockTitleStyle-1 small {
  display: block;
  font-size: 19px;
  color: #999;
  font-weight: 300;
  letter-spacing: 1px
}

.blockTitleStyle-1.txtCenter {
  text-align: center
}

.blockTitleStyle-1.txtCenter:after {
  margin: auto;
  margin-top: 25.6px
}

.blockTitleStyle-1:after {
  content: '';
  display: block;
  width: 30px;
  height: 3px;
  background: #f12b34;
  margin-top: 16px
}

.blockTitleStyle-2 {
  margin-bottom: 16px;
  font-weight: 300;
  font-size: 30px;
  color: #333
}

.blockTitleStyle-2>* {
  line-height: 1.35
}

.blockTitleStyle-2 small {
  display: block;
  font-size: 19px;
  color: #999;
  font-weight: 300;
  letter-spacing: 1px
}

.blockTitleStyle-2.txtCenter {
  text-align: center
}

.blockTitleStyle-2.txtCenter:after {
  margin: auto;
  margin-top: 25.6px
}

.blockTitleStyle-2>span {
  padding-left: .5em;
  padding-right: .5em;
  border: 2px solid #f12b34;
  display: inline-block;
  border-radius: 2px
}

.blockTitleStyle-3 {
  margin-bottom: 16px;
  font-weight: 300;
  font-size: 30px;
  color: #333
}

.blockTitleStyle-3>* {
  line-height: 1.35
}

.blockTitleStyle-3 small {
  display: block;
  font-size: 19px;
  color: #999;
  font-weight: 300;
  letter-spacing: 1px
}

.blockTitleStyle-3.txtCenter {
  text-align: center
}

.blockTitleStyle-3.txtCenter:after {
  margin: auto;
  margin-top: 25.6px
}

.blockTitleStyle-3:after {
  content: '';
  display: block;
  width: 50px;
  height: 10px;
  margin-top: 16px;
  background: radial-gradient(#f12b34 2px, transparent 1px), radial-gradient(#f12b34 2px, transparent 1px);
  background-size: 10px 10px
}

.boxTitle {
  margin-bottom: 1em;
  font-weight: 300;
  font-size: 18px;
  text-align: left;
  font-weight: bold;
  color: #333
}

.boxTitle:after {
  content: '';
  display: block;
  width: 60px;
  height: 3px;
  background: #f12b34;
  margin-top: 1em
}

.itemTitle, .downloadList .itemList.downloadListType1 .item .itemIcon {
  font-weight: 300;
  text-align: left;
  font-size: 24px;
  color: #333
}

.itemTitle .iconImg, .downloadList .itemList.downloadListType1 .item .itemIcon .iconImg {
  vertical-align: middle;
  margin-right: 16px
}

.itemTitle .iconImg+span, .downloadList .itemList.downloadListType1 .item .itemIcon .iconImg+span {
  display: inline-block;
  vertical-align: middle
}

.articleTitle {
  font-weight: bold;
  font-size: 24px;
  color: gray
}

.articleTitle:first-child {
  margin-top: 0
}

.hrTitle {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  margin: 32px auto;
  text-align: center
}

.hrTitle:before, .hrTitle:after {
  content: '';
  flex: 1;
  -webkit-flex: 1;
  border-top: 1px solid #b3b3b3
}

.hrTitle>* {
  padding: 1em;
  display: inline-block;
  max-width: 80%;
  color: #f12b34;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 400
}

.menuListStyle_3, .menuListStyle_4, .breadcrumb, .navMenu, footer .companyInfo.style2, footer .siteMap.type2, footer .socialList, .listStyle_content, .listStyle_Multi, .menuListStyle_1, .proMenu, .menuBlock, footer .siteMap.type1, .listStyle_faicon, .menuListStyle_2, footer .companyInfo, .listStyle_border, .menuListStyle_1 ul, .proMenu ul, .menuBlock ul, .menuListStyle_1 .subMenu, .proMenu .subMenu, .menuBlock .subMenu, footer .siteMap.type3, .marquee ul {
  margin: 0;
  padding: 0;
  list-style: none
}

.menuListStyle_3 ul, .menuListStyle_4 ul, .breadcrumb ul, .navMenu ul, footer .companyInfo.style2 ul, footer .siteMap.type2 ul, footer .socialList ul, .listStyle_content ul, .listStyle_Multi ul, .menuListStyle_1 ul, .proMenu ul, .menuBlock ul, footer .siteMap.type1 ul, .listStyle_faicon ul, .menuListStyle_2 ul, footer .companyInfo ul, .listStyle_border ul, .menuListStyle_1 ul ul, .proMenu ul ul, .menuBlock ul ul, .menuListStyle_1 .subMenu ul, .proMenu .subMenu ul, .menuBlock .subMenu ul, footer .siteMap.type3 ul, .marquee ul ul, .menuListStyle_3 ol, .menuListStyle_4 ol, .breadcrumb ol, .navMenu ol, footer .companyInfo.style2 ol, footer .siteMap.type2 ol, footer .socialList ol, .listStyle_content ol, .listStyle_Multi ol, .menuListStyle_1 ol, .proMenu ol, .menuBlock ol, footer .siteMap.type1 ol, .listStyle_faicon ol, .menuListStyle_2 ol, footer .companyInfo ol, .listStyle_border ol, .menuListStyle_1 ul ol, .proMenu ul ol, .menuBlock ul ol, .menuListStyle_1 .subMenu ol, .proMenu .subMenu ol, .menuBlock .subMenu ol, footer .siteMap.type3 ol, .marquee ul ol {
  margin: 0;
  padding: 0;
  list-style: none
}

.menuListStyle_3>li, .menuListStyle_4>li, .breadcrumb>li, .navMenu>li, footer .companyInfo.style2>li, footer .siteMap.type2>li, footer .socialList>li {
  display: inline-block
}

.menuListStyle_3>li:before, .menuListStyle_4>li:before, .breadcrumb>li:before, .navMenu>li:before, footer .companyInfo.style2>li:before, footer .siteMap.type2>li:before, footer .socialList>li:before {
  text-align: center
}

.listStyle_content li, .listStyle_Multi li, .menuListStyle_1 li, .proMenu li, .menuBlock li, footer .siteMap.type1 li {
  padding-left: 20px
}

.listStyle_content li:before, .listStyle_Multi li:before, .menuListStyle_1 li:before, .proMenu li:before, .menuBlock li:before, footer .siteMap.type1 li:before {
  margin-left: -20px;
  width: 20px;
  display: inline-block;
  font-family: fontawesome;
  content: "\f105";
  color: #f12b34;
  vertical-align: top
}

.listStyle_faicon, .menuListStyle_2, .menuListStyle_3, footer .companyInfo, footer .companyInfo.style2 {
  padding-left: 32px
}

.listStyle_faicon i, .menuListStyle_2 i, .menuListStyle_3 i, footer .companyInfo i, footer .companyInfo.style2 i {
  margin-left: -32px;
  width: 32px;
  text-align: center
}

.listStyle_border li, .listStyle_Multi li, .menuListStyle_1 li, .proMenu li, .menuBlock li {
  border-bottom: 1px solid #b3b3b3;
  line-height: 1.8;
  padding-top: .5em;
  padding-bottom: .5em
}

.menuListStyle_1 ul li, .proMenu ul li, .menuBlock ul li, .menuListStyle_1 .subMenu li, .proMenu .subMenu li, .menuBlock .subMenu li {
  border: 0
}

.menuListStyle_1 a, .proMenu a, .menuBlock a {
  display: inline-block
}

.menuListStyle_1 a:focus, .proMenu a:focus, .menuBlock a:focus {
  color: #333
}

.menuListStyle_1 .active>a, .proMenu .active>a, .menuBlock .active>a {
  color: #f12b34
}

.menuListStyle_1 li:active:before, .proMenu li:active:before, .menuBlock li:active:before, .menuListStyle_1 li:hover:before, .proMenu li:hover:before, .menuBlock li:hover:before, .menuListStyle_1 li:focus:before, .proMenu li:focus:before, .menuBlock li:focus:before {
  content: "\f107"
}

.menuListStyle_1 li:active>a, .proMenu li:active>a, .menuBlock li:active>a, .menuListStyle_1 li:hover>a, .proMenu li:hover>a, .menuBlock li:hover>a, .menuListStyle_1 li:focus>a, .proMenu li:focus>a, .menuBlock li:focus>a {
  padding-left: 8px
}

.menuListStyle_3 {
  padding-left: 0
}

.menuListStyle_3 li {
  padding: 0 16px
}

.menuListStyle_3>li {
  padding-left: 32px;
  vertical-align: top
}

.menuListStyle_4 {
  padding-left: 0
}

.menuListStyle_4 li {
  padding: 0 16px
}

.menuListStyle_4>li {
  vertical-align: top
}

.menuListStyle_4>li>a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  text-align: center
}

.tabList {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  -webkit-justify-content: flex-start
}

.tabList .tabLabel {
  order: 0;
  -webkit-order: 0
}

.tabList .tabContent {
  order: 2;
  -webkit-order: 2;
  width: 100%
}

.tabList .tabContent img {
  max-width: 100%;
  height: auto
}

.tabList .tabLabel {
  position: relative
}

.tabList .tabLabel {
  padding: 16px 32px
}

.tabList .tabContent {
  padding: 57.6px 0;
  margin-top: -2px
}

.tabList .tabLabel {
  color: #333;
  border-bottom: 2px solid transparent
}

.tabList .tabLabel:hover {
  color: #f12b34;
  border-bottom: 2px solid #f12b34
}

.tabList .tabLabel.active {
  color: #f12b34;
  border-bottom: 2px solid #f12b34
}

.tabList .tabContent {
  border-top: 2px solid #b3b3b3
}

.tabList .tabLabel {
  font-size: 19px;
  font-weight: bold;
  cursor: pointer
}

.tabList .tabContent {
  display: none
}

.tabList .tabLabel.active+.tabContent {
  display: block
}

@media (max-width: 1024px) {
  .tabList {
    flex-direction: column;
    -webkit-flex-direction: column
  }
  .tabList .tabLabel {
    order: 0;
    -webkit-order: 0
  }
  .tabList .tabContent {
    order: 0;
    -webkit-order: 0
  }
  .tabList .tabLabel:focus+.tabContent {
    order: 0;
    -webkit-order: 0
  }
  .tabList .tabLabel {
    border-bottom: 2px solid #b3b3b3;
    position: relative
  }
  .tabList .tabLabel:after {
    font-family: FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f105";
    position: absolute;
    right: .5em
  }
  .tabList .tabLabel.active {
    color: #333;
    border-bottom: 2px solid #f12b34
  }
  .tabList .tabLabel.active:after {
    content: "\f107"
  }
  .tabList .tabLabel {
    padding: 16px 0;
    padding-right: 1.5em
  }
  .tabList .tabContent {
    padding: 16px 0
  }
}

.dateStyle_1 {
  display: inline-block
}

.dateStyle_1 .dateD {
  font-size: 36px;
  font-weight: 400;
  vertical-align: middle;
  line-height: .9;
  display: inline-block
}

.dateStyle_1 .dateD:after {
  content: '';
  border: 2px solid #f12b34;
  vertical-align: middle;
  display: block;
  width: 100%;
  line-height: 2.7;
  margin: 16px 0
}

.dateStyle_1 .dateM {
  font-weight: 300;
  vertical-align: middle;
  line-height: .9;
  display: block
}

.dateStyle_1 .dateY {
  vertical-align: middle;
  line-height: .9;
  display: block
}

.dateStyle_2, .newsList .itemList.newsListType1 .item .dateStyle, .newsList .itemList.newsListType2 .item .dateStyle, .pageDetail .dateStyle {
  display: inline-block
}

.dateStyle_2 .dateD, .newsList .itemList.newsListType1 .item .dateStyle .dateD, .newsList .itemList.newsListType2 .item .dateStyle .dateD, .pageDetail .dateStyle .dateD {
  font-size: 36px;
  font-weight: 300;
  line-height: 1em
}

.dateStyle_2 .dateM, .newsList .itemList.newsListType1 .item .dateStyle .dateM, .newsList .itemList.newsListType2 .item .dateStyle .dateM, .pageDetail .dateStyle .dateM {
  font-weight: 300;
  display: inline-block;
  line-height: 1em
}

.dateStyle_2 .dateY, .newsList .itemList.newsListType1 .item .dateStyle .dateY, .newsList .itemList.newsListType2 .item .dateStyle .dateY, .pageDetail .dateStyle .dateY {
  display: inline-block;
  line-height: 1em
}

.dateStyle_2 .dateY:after, .newsList .itemList.newsListType1 .item .dateStyle .dateY:after, .newsList .itemList.newsListType2 .item .dateStyle .dateY:after, .pageDetail .dateStyle .dateY:after {
  content: '';
  border: 2px solid #f12b34;
  width: 100%;
  line-height: 2.7;
  margin: 0 12px
}

.dateStyle_3 {
  display: inline-block;
  text-align: center;
  border: 2px solid #f12b34;
  padding: 16px;
  border-radius: 2px;
  min-width: 120px
}

.dateStyle_3 .dateD {
  font-size: 48px;
  font-weight: normal;
  vertical-align: middle;
  line-height: .9;
  display: block
}

.dateStyle_3 .dateM {
  font-weight: 300;
  vertical-align: middle;
  line-height: .9;
  display: inline-block
}

.dateStyle_3 .dateY {
  vertical-align: middle;
  line-height: .9;
  display: inline-block
}

table th, table td {
  padding: .5em;
  vertical-align: top;
  text-align: left
}

table tr:nth-child(even) td {
  background: #f2f2f2
}

table th {
  font-weight: bold;
  color: #333;
  border-bottom: 2px solid #b3b3b3
}

table td {
  border-bottom: 1px solid #ccc
}

table.rwdTable .th {
  display: none;
  white-space: nowrap
}

@media (max-width: 768px) {
  table.rwdTable, table.rwdTable tbody {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    width: 100%
  }
  table.rwdTable tr {
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
    margin-bottom: 16px;
    display: table
  }
  table.rwdTable tr td {
    display: table-row
  }
  table.rwdTable tr td>*, table.rwdTable tr td .th {
    display: table-cell;
    padding: 0 .5em
  }
  table.rwdTable tr .th {
    width: 5em
  }
  table.rwdTable tr:first-child {
    display: none
  }
}

section.block {
  margin-bottom: 64px
}

@media (max-width: 1600px) {
  section.block {
    margin-bottom: 64px
  }
}

@media (max-width: 1440px) {
  section.block {
    margin-bottom: 10px
  }
}

@media (max-width: 1200px) {
  section.block {
    margin-bottom: 48px
  }
}

@media (max-width: 992px) {
  section.block {
    margin-bottom: 32px
  }
}

.editorBlock img {
  max-width: 100%;
  height: auto
}

.blockInfoTxt {
  color: #4d4d4d;
  margin-bottom: 32px
}

.slidBlock {
  overflow: hidden
}

.slidBlock .itemImg {
  display: inline-block;
  vertical-align: middle
}

.articleBlock, .articleBlockStyle01, .articleBlockStyle02, .articleBlockStyle03, .articleBlockStyle04 {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  margin: 16px 0;
  overflow: hidden
}

.articleBlock img, .articleBlockStyle01 img, .articleBlockStyle02 img, .articleBlockStyle03 img, .articleBlockStyle04 img {
  max-width: 100%;
  border-radius: 2px
}

.articleBlock .slidBlock .slidItem, .articleBlockStyle01 .slidBlock .slidItem, .articleBlockStyle02 .slidBlock .slidItem, .articleBlockStyle03 .slidBlock .slidItem, .articleBlockStyle04 .slidBlock .slidItem {
  padding: 16px
}

.articleBlockStyle01 img {
  width: 100%
}

.articleBlockStyle02 {
  min-height: 300px;
  padding: 57.6px;
  position: relative
}

.articleBlockStyle02>* {
  position: relative;
  z-index: 1
}

.articleBlockStyle02:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 0
}

.articleBlockStyle02, .articleBlockStyle02 * {
  color: #ffffff !important
}

.articleBlockStyle02:after {
  background: rgba(0, 0, 0, 0.8)
}

.articleBlockStyle03 {
  padding: 57.6px 0;
  position: relative;
  background: rgba(51, 51, 51, 0.1)
}

.articleBlockStyle04 {
  padding: 0;
  background: rgba(51, 51, 51, 0.1)
}

.articleBlockStyle04 [class*="flex"] {
  align-items: stretch;
  -webkit-align-items: stretch;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap
}

.articleBlockStyle04 [class*="flex"]>* {
  padding: 57.6px
}

.articleBlockStyle04 [class*="flex"].colRight {
  justify-content: flex-end;
  -webkit-justify-content: flex-end
}

.articleBlockStyle04 .blockDecoBg {
  flex: 0 1 50%;
  -webkit-flex: 0 1 50%;
  background-size: 50%
}

.articleBlockStyle04 .blockContent {
  flex: 0 1 600px;
  -webkit-flex: 0 1 600px
}

@media (max-width: 1024px) {
  .articleBlockStyle04 [class*="flex"] {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap
  }
  .articleBlockStyle04 [class*="flex"]>* {
    padding: 16px
  }
  .articleBlockStyle04 .blockDecoBg, .articleBlockStyle04 .blockContent {
    width: 100%;
    flex: auto;
    -webkit-flex: auto
  }
  .articleBlockStyle04 .blockDecoBg {
    padding: 0;
    height: 300px;
    background-size: 100% auto !important;
    background-attachment: inherit !important;
    background-position: center center !important
  }
}

.timeLine {
  padding: 16px 0
}

.timeLine .item {
  flex-direction: row;
  align-items: stretch;
  -webkit-flex-direction: row;
  -webkit-align-items: stretch;
  padding-bottom: 0
}

.timeLine .item>.itemLine {
  flex: 1;
  -webkit-flex: 1
}

.timeLine .item>.itemContent {
  flex: 3;
  -webkit-flex: 3;
  padding-bottom: 64px
}

.timeLine .item .itemContent {
  display: flex;
  display: -webkit-flex
}

.timeLine .item .itemContent>.itemPic {
  width: 33%
}

.timeLine .item .itemContent>.itemTxt {
  width: 100%;
  padding-left: 64px
}

.timeLine .item .itemContent>.itemPic+.Txt {
  width: 67%
}

@media (max-width: 1024px) {
  .timeLine .item .itemContent {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap
  }
  .timeLine .item .itemContent>.itemPic {
    width: 50%
  }
  .timeLine .item .itemContent>.itemTxt {
    width: 100%;
    padding-left: 0
  }
}

@media (max-width: 768px) {
  .timeLine .item {
    flex-direction: column;
    -webkit-flex-direction: column
  }
  .timeLine .item .itemLine {
    padding-bottom: 32px
  }
  .timeLine .item .itemLine:before {
    display: none
  }
  .timeLine .item .itemContent>.itemPic {
    width: 100%
  }
}

.timeLine .item .itemTitle, .timeLine .downloadList .itemList.downloadListType1 .item .itemIcon, .downloadList .itemList.downloadListType1 .timeLine .item .itemIcon {
  color: #333
}

.timeLine .item .itemImg img {
  max-width: 150%;
  max-height: 150%;
  min-width: 100%;
  min-height: 100%
}

.timeLine .item .itemImg:hover:before, .timeLine .item .itemImg:hover:after {
  display: none
}

.timeLine .item .itemLine {
  position: relative;
  overflow: hidden;
  font-size: 36px
}

.timeLine .item .itemLine:before {
  content: '';
  position: absolute;
  width: 110%;
  top: 2em;
  left: 4em;
  z-index: 0;
  border-bottom: 1px dashed #b3b3b3
}

.timeLine .item .itemLine:after {
  content: '';
  position: absolute;
  height: 110%;
  top: 4em;
  left: 2em;
  z-index: 0;
  border-left: 1px dashed #b3b3b3
}

.timeLine .item:last-child .itemLine:after {
  display: none
}

@media (max-width: 768px) {
  .timeLine .item:last-child .itemLine:after {
    display: block
  }
}

.timeLine .item .itemStep {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  position: relative;
  z-index: 1;
  width: 4em;
  height: 4em;
  font-size: 36px;
  font-weight: 300;
  border: 1px solid #f12b34;
  border-radius: 100%
}

.timeLine .item .itemStep>*:nth-child(2) {
  font-size: 16px
}

.timeLine .item .itemStep>* {
  line-height: 1em
}

.timeLineSlid.slidNav {
  padding-bottom: 0;
  position: relative
}

.timeLineSlid.slidNav .itemStep {
  min-width: 120px;
  max-width: 100%
}

.timeLineSlid.slidNav .itemStep>* {
  display: table;
  text-align: center;
  width: 100%
}

.timeLineSlid.slidNav .itemStep>* {
  line-height: 1.35
}

.timeLineSlid.slidNav .itemStep>*:first-child {
  font-size: 19px
}

.timeLineSlid.slidNav .itemStep {
  position: relative;
  z-index: 1;
  padding-bottom: 24px
}

.timeLineSlid.slidNav .itemStep:after {
  content: '';
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  width: 12px;
  height: 12px;
  line-height: 12px;
  overflow: hidden;
  border-radius: 100%;
  background: #b3b3b3
}

.timeLineSlid.slidNav .slick-slide {
  padding: 0
}

.timeLineSlid.slidNav:after {
  content: '';
  position: absolute;
  z-index: -1;
  left: 57.6px;
  right: 57.6px;
  bottom: 6px;
  height: 1px;
  background: #b3b3b3
}

.timeLineSlid.slidNav .slick-slide {
  transform: scale(1);
  -webkit-transform: scale(1);
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out
}

.timeLineSlid.slidNav .slick-current {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform-origin: bottom;
  -webkit-transform-origin: bottom
}

.timeLineSlid.slidNav .slick-current .itemStep {
  color: #f12b34
}

.timeLineSlid.slidNav .slick-current .itemStep:after {
  background: #f12b34
}

@media (min-width: 769px) {
  .timeLineSlid .timeLineItem {
    display: flex;
    display: -webkit-flex
  }
  .timeLineSlid .timeLineItem>* {
    flex: 1;
    -webkit-flex: 1;
    padding: 16px
  }
  .timeLineSlid .timeLineItem>*:nth-child(2) {
    max-width: 33%
  }
}

.timeLineSlid.slidNav, .timeLineSlid.slidContent {
  padding-left: 57.6px;
  padding-right: 57.6px
}

.timeLineSlid.slidNav .slick-arrow, .timeLineSlid.slidContent .slick-arrow {
  opacity: 1
}

.timeLineSlid.slidNav .slick-arrow.slick-disabled, .timeLineSlid.slidContent .slick-arrow.slick-disabled {
  opacity: .1
}

.timeLineSlid.slidNav .slick-arrow.slick-next, .timeLineSlid.slidNav:hover .slick-arrow.slick-next, .timeLineSlid.slidContent .slick-arrow.slick-next, .timeLineSlid.slidContent:hover .slick-arrow.slick-next {
  right: 0
}

.timeLineSlid.slidNav .slick-arrow.slick-prev, .timeLineSlid.slidNav:hover .slick-arrow.slick-prev, .timeLineSlid.slidContent .slick-arrow.slick-prev, .timeLineSlid.slidContent:hover .slick-arrow.slick-prev {
  left: 0
}

.timeLineSlid.slidNav {
  padding-left: 57.6px;
  padding-right: 57.6px;
  margin-bottom: 32px
}

@media (max-width: 768px) {
  .timeLineSlid.slidContent {
    padding-left: 16px;
    padding-right: 16px
  }
  .timeLineSlid.slidNav .itemStep {
    min-width: 0;
    padding-left: 1em;
    padding-right: 1em
  }
  .timeLineSlid.slidNav:after {
    left: 16px;
    right: 16px
  }
}

@media (min-width: 992px) {
  .timeLineSlid.slidNav.vType {
    margin-top: 57.6px;
    margin-bottom: 57.6px
  }
  .timeLineSlid.slidNav.vType .slick-list {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }
  .timeLineSlid.slidNav.vType .slick-arrow {
    opacity: 1
  }
  .timeLineSlid.slidNav.vType .slick-arrow.slick-disabled {
    opacity: 0.1
  }
  .timeLineSlid.slidNav.vType .slick-arrow, .timeLineSlid.slidNav.vType:hover .slick-arrow {
    left: 50%;
    right: auto;
    transform: translateX(-50%) rotate(90deg);
    -webkit-transform: translateX(-50%) rotate(90deg)
  }
  .timeLineSlid.slidNav.vType .slick-arrow.slick-prev, .timeLineSlid.slidNav.vType:hover .slick-arrow.slick-prev {
    top: -57.6px;
    bottom: auto
  }
  .timeLineSlid.slidNav.vType .slick-arrow.slick-next, .timeLineSlid.slidNav.vType:hover .slick-arrow.slick-next {
    bottom: -57.6px;
    top: auto
  }
  .timeLineSlid.slidNav.vType:after {
    display: none
  }
  .timeLineSlid.slidNav.vType .itemStep {
    padding-bottom: 0;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    height: 3em
  }
  .timeLineSlid.slidNav.vType .itemStep>* {
    width: auto
  }
  .timeLineSlid.slidNav.vType .itemStep:after {
    width: 100%;
    height: 1px
  }
}

.timeLineSlid.simple .slick-slide:nth-child(even) .timeLineItem>div {
  margin-top: 12em
}

.timeLineSlid.simple .slick-slide:nth-child(odd) .timeLineItem>div {
  margin-bottom: 12em
}

.timeLineSlid.simple .slick-list {
  overflow-y: visible;
  z-index: 1
}

.timeLineSlid.simple .timeLineItem p {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.8;
  height: 3.6em;
  overflow: hidden
}

.timeLineSlid.simple .timeLineItem .articleTitle {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.8;
  height: 1.8em;
  overflow: hidden
}

.timeLineSlid.simple .timeLineItem .articleTitle {
  font-weight: normal
}

.timeLineSlid.simple .slick-list {
  position: relative;
  z-index: 0
}

.timeLineSlid.simple .slick-list:after {
  content: '';
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 1px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  background: #b3b3b3
}

.timeLineSlid.simple .slick-slide {
  position: relative;
  z-index: 10
}

.timeLineSlid.simple .slick-slide:after {
  content: '';
  display: inline-block;
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 15px;
  height: 15px;
  border-radius: 100%;
  border-width: 2px;
  border-style: solid;
  border-color: #f12b34;
  background: #fff
}

.timeLineSlid.simple .slick-slide:before {
  content: '';
  display: inline-block;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  height: 2em;
  width: 1px;
  background: #b3b3b3;
  transform: translate(-50%, -50%) rotate(30deg);
  -webkit-transform: translate(-50%, -50%) rotate(30deg)
}

.timeLineSlid.simple .slick-slide:nth-child(even):before {
  margin-top: 15px;
  transform-origin: top center;
  -webkit-transform-origin: top center
}

.timeLineSlid.simple .slick-slide:nth-child(odd):before {
  margin-top: -15px;
  transform-origin: bottom center;
  -webkit-transform-origin: bottom center
}

@media (min-width: 769px) {
  .timeLineSlid.simple {
    padding-left: 57.6px;
    padding-right: 57.6px
  }
}

@media (max-width: 768px) {
  .timeLineSlid.simple {
    padding-left: 16px;
    padding-right: 16px
  }
  .timeLineSlid.simple .timeLineItem p, .timeLineSlid.simple .timeLineItem .articleTitle {
    height: auto
  }
  .timeLineSlid.simple .slick-slide:nth-child(even) .timeLineItem>div {
    margin-top: 0
  }
  .timeLineSlid.simple .slick-slide:nth-child(odd) .timeLineItem>div {
    margin-bottom: 0
  }
  .timeLineSlid.simple .slick-list:after {
    display: none
  }
  .timeLineSlid.simple .slick-slide:after {
    display: none
  }
  .timeLineSlid.simple .slick-slide:before {
    display: none
  }
  .timeLineSlid.simple .slick-dots {
    position: relative;
    margin-top: 2em;
    justify-content: flex-start;
    -webkit-justify-content: flex-start
  }
  .timeLineSlid.simple .slick-dots:after {
    content: '';
    position: absolute;
    z-index: 0;
    width: 100%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    height: 1px;
    background: #b3b3b3
  }
  .timeLineSlid.simple .slick-dots li {
    z-index: 1
  }
  .timeLineSlid.simple .slick-dots li button, .timeLineSlid.simple .slick-dots li .btn-prev, .timeLineSlid.simple .slick-dots li .btn-next {
    width: 15px;
    height: 15px;
    border-width: 2px;
    border-color: #b3b3b3;
    overflow: visible;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
  }
  .timeLineSlid.simple .slick-dots li button:after, .timeLineSlid.simple .slick-dots li .btn-prev:after, .timeLineSlid.simple .slick-dots li .btn-next:after {
    background: #fff
  }
  .timeLineSlid.simple .slick-dots li button:before, .timeLineSlid.simple .slick-dots li .btn-prev:before, .timeLineSlid.simple .slick-dots li .btn-next:before {
    content: '';
    display: inline-block;
    position: absolute;
    z-index: 0;
    top: auto;
    bottom: 7.5px;
    left: 50%;
    height: 0;
    width: 1px;
    background: #b3b3b3;
    transform: translate(-50%, 0) rotate(30deg);
    -webkit-transform: translate(-50%, 0) rotate(30deg);
    transform-origin: bottom center;
    -webkit-transform-origin: bottom center;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
  }
  .timeLineSlid.simple .slick-dots li.slick-active button:before, .timeLineSlid.simple .slick-dots li.slick-active .btn-prev:before, .timeLineSlid.simple .slick-dots li.slick-active .btn-next:before {
    background: #f12b34;
    height: 2em
  }
  .timeLineSlid.simple .slick-dots li.slick-active button, .timeLineSlid.simple .slick-dots li.slick-active .btn-prev, .timeLineSlid.simple .slick-dots li.slick-active .btn-next {
    border-color: #f12b34
  }
}

.item {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  padding-bottom: 64px;
  padding-top: 0
}

.item>* {
  max-width: 100%
}

@media (max-width: 768px) {
  .item {
    flex-direction: column;
    -webkit-flex-direction: column
  }
  .item> :nth-child(1), .item> :nth-child(2) {
    width: 100% !important;
    padding-left: 0;
    padding-right: 0
  }
}

.item .itemContent {
  color: #8c8c8c
}

.itemImg {
  width: 100%;
  padding-bottom: 100%;
  border-radius: 2px;
  height: 0;
  position: relative;
  overflow: hidden;
  z-index: 1;
  background: #f3f3f3
}

.w.itemImg {
  padding-bottom: 75%
}

.w.itemImg img {
  min-width: 0;
  min-height: 0
}

.h.itemImg {
  padding-bottom: 141.42857%
}

.h.itemImg img {
  min-width: 0;
  min-height: 0
}

.circle.itemImg {
  padding-bottom: 100%;
  border-radius: 100%
}

.circle.itemImg img {
  min-width: 0;
  min-height: 0
}

.itemImg img {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%
}

.itemImg.eye:after {
  content: "\f06e"
}

.itemImg.share:after {
  content: "\f1e0"
}

.itemImg:not([class*="hoverEffect"]) {
  position: relative
}

.itemImg:not([class*="hoverEffect"]):before, .itemImg:not([class*="hoverEffect"]):after {
  content: '';
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  opacity: 0;
  position: absolute;
  z-index: 0
}

.itemImg:not([class*="hoverEffect"]):after {
  content: '\f065';
  font-family: FontAwesome;
  font-size: 24px;
  text-align: center;
  color: #ffffff;
  background: #e62129
}

.itemImg:not([class*="hoverEffect"]):before {
  background: rgba(230, 33, 41, 0.5)
}

.itemImg:not([class*="hoverEffect"]):after {
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 2em;
  height: 2em;
  line-height: 2em;
  border-radius: 100%
}

.itemImg:not([class*="hoverEffect"]):before {
  bottom: 0;
  right: 0;
  left: 0;
  top: 100%;
  border-radius: 2px
}

.itemImg:not([class*="hoverEffect"]).active:before, .itemImg:not([class*="hoverEffect"]):hover:before {
  opacity: 1;
  top: 0;
  z-index: 100
}

.itemImg:not([class*="hoverEffect"]).active:after, .itemImg:not([class*="hoverEffect"]):hover:after {
  opacity: 1;
  top: 50%;
  z-index: 200
}

.itemImg.hoverEffect1 {
  position: relative
}

.itemImg.hoverEffect1:before, .itemImg.hoverEffect1:after {
  content: '';
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  opacity: 0;
  position: absolute;
  z-index: 0
}

.itemImg.hoverEffect1:after {
  content: '\f065';
  font-family: FontAwesome;
  font-size: 24px;
  text-align: center;
  color: #ffffff;
  background: #f12b34
}

.itemImg.hoverEffect1:before {
  background: rgba(7, 28, 82, 0.5)
}

.itemImg.hoverEffect1:after {
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 2em;
  height: 2em;
  line-height: 2em;
  border-radius: 100%
}

.itemImg.hoverEffect1:before {
  bottom: 0;
  right: 0;
  left: 0;
  top: 100%;
  border-radius: 2px
}

.itemImg.hoverEffect1.active:before, .itemImg.hoverEffect1:hover:before {
  opacity: 1;
  top: 0;
  z-index: 100
}

.itemImg.hoverEffect1.active:after, .itemImg.hoverEffect1:hover:after {
  opacity: 1;
  top: 50%;
  z-index: 200
}

.itemImg.hoverEffect2 {
  position: relative
}

.itemImg.hoverEffect2:before, .itemImg.hoverEffect2:after {
  content: '';
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  opacity: 0;
  position: absolute;
  z-index: 0
}

.itemImg.hoverEffect2:after {
  content: '\f065';
  font-family: FontAwesome;
  font-size: 24px;
  text-align: center;
  color: #ffffff;
  background: #f12b34
}

.itemImg.hoverEffect2:before {
  background: rgba(7, 28, 82, 0.5)
}

.itemImg.hoverEffect2:after {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 3em;
  height: 3em;
  font-size: 3em;
  background: rgba(7, 28, 82, 0)
}

.itemImg.hoverEffect2:before {
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  border-radius: 2px;
  transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1)
}

.itemImg.hoverEffect2.active:after, .itemImg.hoverEffect2:hover:after {
  opacity: 1;
  width: 2em;
  height: 2em;
  font-size: 2em;
  z-index: 200
}

.itemImg.hoverEffect2.active:before, .itemImg.hoverEffect2:hover:before {
  opacity: 1;
  z-index: 100
}

.itemImg.hoverEffect3 {
  position: relative
}

.itemImg.hoverEffect3:before, .itemImg.hoverEffect3:after {
  content: '';
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  opacity: 0;
  position: absolute;
  z-index: 0
}

.itemImg.hoverEffect3:after {
  content: '\f065';
  font-family: FontAwesome;
  font-size: 24px;
  text-align: center;
  color: #ffffff;
  background: #f12b34
}

.itemImg.hoverEffect3:before {
  background: rgba(7, 28, 82, 0.5)
}

.itemImg.hoverEffect3:after {
  left: auto;
  bottom: 0;
  left: 0;
  width: 48px;
  height: 48px;
  font-size: 2em;
  background: rgba(7, 28, 82, 0);
  transform: none;
  -webkit-transform: none
}

.itemImg.hoverEffect3:before {
  bottom: -120px;
  left: -120px;
  width: 120px;
  height: 120px;
  background: rgba(7, 28, 82, 0);
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
  z-index: 0;
  border-radius: 0
}

.itemImg.hoverEffect3.active:after, .itemImg.hoverEffect3:hover:after {
  opacity: 1;
  z-index: 200
}

.itemImg.hoverEffect3.active:before, .itemImg.hoverEffect3:hover:before {
  bottom: -60px;
  left: -60px;
  opacity: 1;
  z-index: 100;
  background: #f12b34
}

.popBox {
  position: fixed;
  opacity: 0;
  z-index: 0;
  height: 0;
  width: 0;
  top: -100%;
  left: -100%;
  transition: background .3s ease-out;
  -webkit-transition: background .3s ease-out;
  background: rgba(255, 255, 255, 0)
}

.popBox .closeSpace {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: -1
}

@media (max-width: 440px) {
  .popBox .closeSpace {
    display: none
  }
}

.popBox .boxContent {
  position: absolute;
  top: 55%;
  left: -100%;
  width: 90%;
  max-width: 900px;
  overflow: hidden;
  opacity: 0;
  z-index: 100
}

@media (max-width: 440px) {
  .popBox .boxContent {
    width: 100%;
    height: 100%
  }
}

.popBox .mainContent {
  max-height: 90vh;
  overflow: hidden;
  overflow-y: auto;
  position: relative;
  z-index: 100
}

.popBox.open {
  opacity: 1;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1000
}

.popBox.open .boxContent {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  opacity: 1
}

.popBox .boxContent {
  transition: top .5s ease-out;
  -webkit-transition: top .5s ease-out
}

.popBox .boxContent {
  background: #fff;
  padding-top: 2.5em;
  padding-bottom: 1em;
  padding-left: 16px;
  padding-right: 16px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2)
}

.popBox .boxContent .closeBtn {
  position: absolute;
  top: 5px;
  right: 15px
}

.popBox.open {
  background: rgba(255, 255, 255, 0.9)
}

.gotop, .showCart {
  position: fixed;
  display: inline-block;
  cursor: pointer
}

.gotop img, .showCart img {
  display: inline-block;
  vertical-align: middle
}

.gotop:hover, .showCart:hover {
  opacity: .9
}

.gotop i, .showCart i {
  display: none
}

.breadcrumb {
  background: none
}

.breadcrumb a {
  font-size: 14px;
  font-weight: 400;
  color: #999;
  line-height: 40px;
}

.breadcrumb a:hover {
  color: #e62129;
}

.breadcrumb {
  color: #999;
}

.breadcrumb li+li:before {
  content: "/ ";
  padding: 0 5px;
  color: #ccc
}

.breadcrumb li:last-child a {
  color: #f12b34
}

@media (max-width: 1024px) {
  .breadcrumb {
    display: none
  }
}

.pageControl {
  padding: 57.6px 0;
  border-top: 1px solid rgba(7, 28, 82, 0.3)
}

.pageControl .disabled {
  position: relative
}

.pageControl .disabled:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.3);
  z-index: 1
}

.pageControl .disabled * {
  position: relative;
  z-index: 0
}

.pageControl .disabled, .pageControl .disabled:hover, .pageControl .disabled:hover *, .pageControl .disabled * {
  color: #ccc;
  border-color: #ccc;
  background: none
}

.pageNav {
  text-align: center;
  margin: 48px auto
}

.pageNav ul {
  padding: 0;
  margin: 0;
  list-style: none
}

.pageNav ul, .pageNav ul li, .pageNav ul a {
  display: inline-flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  flex-wrap: wrap;
  display: -webkit-inline-flex;
  -webkit-align-items: center;
  -webkit-align-content: center;
  -webkit-justify-content: center;
  -webkit-flex-wrap: wrap
}

.pageNav ul li {
  width: 2.5em;
  height: 2.5em
}

.pageNav ul li a {
  width: 100%;
  height: 100%
}

.pageNav ul .prev a {
  border-radius: 2px 0 0 2px
}

.pageNav ul .next a {
  border-radius: 0 2px 2px 0
}

.pageNav ul li a {
  border: 1px solid #ddd;
  color: #b3b3b3
}

.pageNav ul li a:hover {
  background: #ddd;
  border-color: #eee;
  color: #333
}

.pageNav ul li+li a {
  border-left: 0
}

.pageNav ul .active a {
  background: #f12b34;
  border-color: #f12b34;
  color: #fff
}

.pageNav .disabled {
  position: relative
}

.pageNav .disabled:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.3);
  z-index: 1
}

.pageNav .disabled * {
  position: relative;
  z-index: 0
}

.pageNav .disabled, .pageNav .disabled:hover, .pageNav .disabled:hover *, .pageNav .disabled * {
  color: #ccc;
  border-color: #ccc;
  background: none
}

@media (min-width: 1025px) {
  .pageNav .total {
    display: none
  }
  .pageNav ul {
    max-width: 15em;
    position: relative;
    justify-content: flex-start;
    -webkit-justify-content: flex-start
  }
  .pageNav ul .prev, .pageNav ul .next {
    position: absolute;
    top: 0
  }
  .pageNav ul .prev {
    left: -2.5em
  }
  .pageNav ul .next {
    right: -2.5em
  }
  .pageNav ul:before, .pageNav ul:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: #ddd;
    z-index: 0
  }
  .pageNav ul:before {
    width: 100%;
    height: 1px
  }
  .pageNav ul:after {
    width: 1px;
    height: 100%
  }
  .pageNav ul li:not(.prev):not(.next) a {
    border-width: 0 1px 1px 0
  }
  .pageNav ul li.prev a {
    border-right: 0
  }
}

@media (max-width: 1024px) {
  .pageNav {
    position: relative;
    overflow: hidden;
    height: 40px
  }
  .pageNav.open {
    height: auto
  }
  .pageNav ul {
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    width: 100%
  }
  .pageNav ul li {
    order: 4;
    -webkit-order: 4;
    width: 25%;
    height: 40px
  }
  .pageNav ul .prev {
    order: 1;
    -webkit-order: 1;
    margin-bottom: 1em
  }
  .pageNav ul .next {
    order: 3;
    -webkit-order: 3;
    margin-bottom: 1em
  }
  .pageNav ul .total {
    order: 2;
    -webkit-order: 2;
    width: auto;
    margin-bottom: 1em;
    width: 50%
  }
  .pageNav ul li:not(.next):not(.prev):not(.total) a {
    border-width: 0
  }
}

@media (min-width: 768px) {
  .pageNav ul {
    max-width: 25em
  }
}

.gotop {
  z-index: 2;
  right: 0;
  bottom: 15%
}

.headerType1, .headerType2 {
  background: #535555;
}

.scroll.headerType1, .scroll.headerType2 {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1)
}

.scroll.headerType1 .navMenu, .scroll.headerType2 .navMenu {
  background: none;
  border: 0
}

.scroll.headerType1 .navMenu>li:hover>a, .scroll.headerType2 .navMenu>li:hover>a {
  transition: none
}

.headerType1 .hamburger span:before, .headerType2 .hamburger span:before, .headerType1 .hamburger span:after, .headerType2 .hamburger span:after, .headerType1 .hamburger span, .headerType2 .hamburger span {
  background: #333
}

.headerType1 .navMenu, .headerType2 .navMenu {
  background: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  border-width: 0;
  border-style: solid
}

.headerType1 .navMenu>li, .headerType2 .navMenu>li {
  border-right: 1px solid #ececec
}

.headerType1 .navMenu>li>a, .headerType2 .navMenu>li>a {
  color: #f2f2f2;
  font-size: 16px;
  font-family: 'Philosopher Regular'
}

.headerType1 .navMenu>li>a:after, .headerType2 .navMenu>li>a:after {
  color: #474747
}

.headerType1 .navMenu>li:first-child, .headerType2 .navMenu>li:first-child {
  border-left: 1px solid #ececec
}

.headerType1 .navMenu>li.active>a, .headerType2 .navMenu>li.active>a {
  font-weight: bold;
  color: #e62129
}

.headerType1 .navMenu>li:hover>a, .headerType2 .navMenu>li:hover>a {
  color: #e62129;
  transition: none
}

.headerType1 .navMenu>li:hover>a:before, .headerType2 .navMenu>li:hover>a:before {
  background: rgba(4, 15, 44, 0);
  border-color: #e62129;
  border-width: 0 0 3px 0
}

.navMenuBlock.headerType1, .navMenuBlock.headerType2 {
  background: rgba(255, 255, 255, 0);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5)
}

.headerType1 .topLink, .headerType2 .topLink, .headerType1 .headerType4 .topLinkLeft, .headerType4 .headerType1 .topLinkLeft, .headerType2 .headerType4 .topLinkLeft, .headerType4 .headerType2 .topLinkLeft, .headerType1 .headerType4 .topLinkRight, .headerType4 .headerType1 .topLinkRight, .headerType2 .headerType4 .topLinkRight, .headerType4 .headerType2 .topLinkRight, .headerType1 .headerType5 .topLinkLeft, .headerType5 .headerType1 .topLinkLeft, .headerType2 .headerType5 .topLinkLeft, .headerType5 .headerType2 .topLinkLeft, .headerType1 .headerType5 .topLinkRight, .headerType5 .headerType1 .topLinkRight, .headerType2 .headerType5 .topLinkRight, .headerType5 .headerType2 .topLinkRight {
  background: -webkit-linear-gradient(left, #f12b34, #00A691);
  background: -o-linear-gradient(left, #f12b34, #00A691);
  background: linear-gradient(to right, #f12b34, #00A691)
}

.headerType1 .topLink .topLinkMenu>li+li:before, .headerType2 .topLink .topLinkMenu>li+li:before, .headerType1 .headerType4 .topLinkLeft .topLinkMenu>li+li:before, .headerType4 .headerType1 .topLinkLeft .topLinkMenu>li+li:before, .headerType2 .headerType4 .topLinkLeft .topLinkMenu>li+li:before, .headerType4 .headerType2 .topLinkLeft .topLinkMenu>li+li:before, .headerType1 .headerType4 .topLinkRight .topLinkMenu>li+li:before, .headerType4 .headerType1 .topLinkRight .topLinkMenu>li+li:before, .headerType2 .headerType4 .topLinkRight .topLinkMenu>li+li:before, .headerType4 .headerType2 .topLinkRight .topLinkMenu>li+li:before, .headerType1 .headerType5 .topLinkLeft .topLinkMenu>li+li:before, .headerType5 .headerType1 .topLinkLeft .topLinkMenu>li+li:before, .headerType2 .headerType5 .topLinkLeft .topLinkMenu>li+li:before, .headerType5 .headerType2 .topLinkLeft .topLinkMenu>li+li:before, .headerType1 .headerType5 .topLinkRight .topLinkMenu>li+li:before, .headerType5 .headerType1 .topLinkRight .topLinkMenu>li+li:before, .headerType2 .headerType5 .topLinkRight .topLinkMenu>li+li:before, .headerType5 .headerType2 .topLinkRight .topLinkMenu>li+li:before {
  color: rgba(51, 51, 51, 0.5)
}

.headerType1 .topLink .topLinkMenu>li>a, .headerType2 .topLink .topLinkMenu>li>a, .headerType1 .headerType4 .topLinkLeft .topLinkMenu>li>a, .headerType4 .headerType1 .topLinkLeft .topLinkMenu>li>a, .headerType2 .headerType4 .topLinkLeft .topLinkMenu>li>a, .headerType4 .headerType2 .topLinkLeft .topLinkMenu>li>a, .headerType1 .headerType4 .topLinkRight .topLinkMenu>li>a, .headerType4 .headerType1 .topLinkRight .topLinkMenu>li>a, .headerType2 .headerType4 .topLinkRight .topLinkMenu>li>a, .headerType4 .headerType2 .topLinkRight .topLinkMenu>li>a, .headerType1 .headerType5 .topLinkLeft .topLinkMenu>li>a, .headerType5 .headerType1 .topLinkLeft .topLinkMenu>li>a, .headerType2 .headerType5 .topLinkLeft .topLinkMenu>li>a, .headerType5 .headerType2 .topLinkLeft .topLinkMenu>li>a, .headerType1 .headerType5 .topLinkRight .topLinkMenu>li>a, .headerType5 .headerType1 .topLinkRight .topLinkMenu>li>a, .headerType2 .headerType5 .topLinkRight .topLinkMenu>li>a, .headerType5 .headerType2 .topLinkRight .topLinkMenu>li>a {
  color: #fff
}

.headerType1 .topLink .topLinkMenu>li>a:hover, .headerType2 .topLink .topLinkMenu>li>a:hover, .headerType1 .headerType4 .topLinkLeft .topLinkMenu>li>a:hover, .headerType4 .headerType1 .topLinkLeft .topLinkMenu>li>a:hover, .headerType2 .headerType4 .topLinkLeft .topLinkMenu>li>a:hover, .headerType4 .headerType2 .topLinkLeft .topLinkMenu>li>a:hover, .headerType1 .headerType4 .topLinkRight .topLinkMenu>li>a:hover, .headerType4 .headerType1 .topLinkRight .topLinkMenu>li>a:hover, .headerType2 .headerType4 .topLinkRight .topLinkMenu>li>a:hover, .headerType4 .headerType2 .topLinkRight .topLinkMenu>li>a:hover, .headerType1 .headerType5 .topLinkLeft .topLinkMenu>li>a:hover, .headerType5 .headerType1 .topLinkLeft .topLinkMenu>li>a:hover, .headerType2 .headerType5 .topLinkLeft .topLinkMenu>li>a:hover, .headerType5 .headerType2 .topLinkLeft .topLinkMenu>li>a:hover, .headerType1 .headerType5 .topLinkRight .topLinkMenu>li>a:hover, .headerType5 .headerType1 .topLinkRight .topLinkMenu>li>a:hover, .headerType2 .headerType5 .topLinkRight .topLinkMenu>li>a:hover, .headerType5 .headerType2 .topLinkRight .topLinkMenu>li>a:hover {
  color: rgba(255, 255, 255, 0.4)
}

@media (max-width: 1024px) {
  .scroll.headerType1, .scroll.headerType2 {
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)
  }
  .scroll.headerType1 .navMenu, .scroll.headerType2 .navMenu {
    background: #fff
  }
  .scroll.headerType1 .navMenu>li>a, .scroll.headerType2 .navMenu>li>a {
    color: #333
  }
  .scroll.headerType1 .navMenu>li>a:after, .scroll.headerType2 .navMenu>li>a:after {
    color: #474747
  }
  .scroll.headerType1 .navMenu>li:hover>a, .scroll.headerType2 .navMenu>li:hover>a {
    color: #f12b34
  }
  .scroll.headerType1 .navMenu>li.active>a, .scroll.headerType2 .navMenu>li.active>a {
    color: #f12b34
  }
  .headerType1 .topLink, .headerType2 .topLink, .headerType1 .headerType4 .topLinkLeft, .headerType4 .headerType1 .topLinkLeft, .headerType2 .headerType4 .topLinkLeft, .headerType4 .headerType2 .topLinkLeft, .headerType1 .headerType4 .topLinkRight, .headerType4 .headerType1 .topLinkRight, .headerType2 .headerType4 .topLinkRight, .headerType4 .headerType2 .topLinkRight, .headerType1 .headerType5 .topLinkLeft, .headerType5 .headerType1 .topLinkLeft, .headerType2 .headerType5 .topLinkLeft, .headerType5 .headerType2 .topLinkLeft, .headerType1 .headerType5 .topLinkRight, .headerType5 .headerType1 .topLinkRight, .headerType2 .headerType5 .topLinkRight, .headerType5 .headerType2 .topLinkRight {
    background: #f12b34;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)
  }
  .headerType1 .topLink .topLinkMenu ul, .headerType2 .topLink .topLinkMenu ul, .headerType1 .headerType4 .topLinkLeft .topLinkMenu ul, .headerType4 .headerType1 .topLinkLeft .topLinkMenu ul, .headerType2 .headerType4 .topLinkLeft .topLinkMenu ul, .headerType4 .headerType2 .topLinkLeft .topLinkMenu ul, .headerType1 .headerType4 .topLinkRight .topLinkMenu ul, .headerType4 .headerType1 .topLinkRight .topLinkMenu ul, .headerType2 .headerType4 .topLinkRight .topLinkMenu ul, .headerType4 .headerType2 .topLinkRight .topLinkMenu ul, .headerType1 .headerType5 .topLinkLeft .topLinkMenu ul, .headerType5 .headerType1 .topLinkLeft .topLinkMenu ul, .headerType2 .headerType5 .topLinkLeft .topLinkMenu ul, .headerType5 .headerType2 .topLinkLeft .topLinkMenu ul, .headerType1 .headerType5 .topLinkRight .topLinkMenu ul, .headerType5 .headerType1 .topLinkRight .topLinkMenu ul, .headerType2 .headerType5 .topLinkRight .topLinkMenu ul, .headerType5 .headerType2 .topLinkRight .topLinkMenu ul {
    border-top: 5px solid #f12b34;
    border-bottom: 0
  }
  .headerType1 .topLink .topLinkMenu>li+li:before, .headerType2 .topLink .topLinkMenu>li+li:before, .headerType1 .headerType4 .topLinkLeft .topLinkMenu>li+li:before, .headerType4 .headerType1 .topLinkLeft .topLinkMenu>li+li:before, .headerType2 .headerType4 .topLinkLeft .topLinkMenu>li+li:before, .headerType4 .headerType2 .topLinkLeft .topLinkMenu>li+li:before, .headerType1 .headerType4 .topLinkRight .topLinkMenu>li+li:before, .headerType4 .headerType1 .topLinkRight .topLinkMenu>li+li:before, .headerType2 .headerType4 .topLinkRight .topLinkMenu>li+li:before, .headerType4 .headerType2 .topLinkRight .topLinkMenu>li+li:before, .headerType1 .headerType5 .topLinkLeft .topLinkMenu>li+li:before, .headerType5 .headerType1 .topLinkLeft .topLinkMenu>li+li:before, .headerType2 .headerType5 .topLinkLeft .topLinkMenu>li+li:before, .headerType5 .headerType2 .topLinkLeft .topLinkMenu>li+li:before, .headerType1 .headerType5 .topLinkRight .topLinkMenu>li+li:before, .headerType5 .headerType1 .topLinkRight .topLinkMenu>li+li:before, .headerType2 .headerType5 .topLinkRight .topLinkMenu>li+li:before, .headerType5 .headerType2 .topLinkRight .topLinkMenu>li+li:before {
    color: rgba(51, 51, 51, 0.5)
  }
  .headerType1 .topLink .topLinkMenu>li>a, .headerType2 .topLink .topLinkMenu>li>a, .headerType1 .headerType4 .topLinkLeft .topLinkMenu>li>a, .headerType4 .headerType1 .topLinkLeft .topLinkMenu>li>a, .headerType2 .headerType4 .topLinkLeft .topLinkMenu>li>a, .headerType4 .headerType2 .topLinkLeft .topLinkMenu>li>a, .headerType1 .headerType4 .topLinkRight .topLinkMenu>li>a, .headerType4 .headerType1 .topLinkRight .topLinkMenu>li>a, .headerType2 .headerType4 .topLinkRight .topLinkMenu>li>a, .headerType4 .headerType2 .topLinkRight .topLinkMenu>li>a, .headerType1 .headerType5 .topLinkLeft .topLinkMenu>li>a, .headerType5 .headerType1 .topLinkLeft .topLinkMenu>li>a, .headerType2 .headerType5 .topLinkLeft .topLinkMenu>li>a, .headerType5 .headerType2 .topLinkLeft .topLinkMenu>li>a, .headerType1 .headerType5 .topLinkRight .topLinkMenu>li>a, .headerType5 .headerType1 .topLinkRight .topLinkMenu>li>a, .headerType2 .headerType5 .topLinkRight .topLinkMenu>li>a, .headerType5 .headerType2 .topLinkRight .topLinkMenu>li>a {
    color: rgba(255, 255, 255, 0.6)
  }
  .headerType1 .topLink .topLinkMenu>li>a:hover, .headerType2 .topLink .topLinkMenu>li>a:hover, .headerType1 .headerType4 .topLinkLeft .topLinkMenu>li>a:hover, .headerType4 .headerType1 .topLinkLeft .topLinkMenu>li>a:hover, .headerType2 .headerType4 .topLinkLeft .topLinkMenu>li>a:hover, .headerType4 .headerType2 .topLinkLeft .topLinkMenu>li>a:hover, .headerType1 .headerType4 .topLinkRight .topLinkMenu>li>a:hover, .headerType4 .headerType1 .topLinkRight .topLinkMenu>li>a:hover, .headerType2 .headerType4 .topLinkRight .topLinkMenu>li>a:hover, .headerType4 .headerType2 .topLinkRight .topLinkMenu>li>a:hover, .headerType1 .headerType5 .topLinkLeft .topLinkMenu>li>a:hover, .headerType5 .headerType1 .topLinkLeft .topLinkMenu>li>a:hover, .headerType2 .headerType5 .topLinkLeft .topLinkMenu>li>a:hover, .headerType5 .headerType2 .topLinkLeft .topLinkMenu>li>a:hover, .headerType1 .headerType5 .topLinkRight .topLinkMenu>li>a:hover, .headerType5 .headerType1 .topLinkRight .topLinkMenu>li>a:hover, .headerType2 .headerType5 .topLinkRight .topLinkMenu>li>a:hover, .headerType5 .headerType2 .topLinkRight .topLinkMenu>li>a:hover {
    color: rgba(255, 255, 255, 0.4)
  }
  .headerType1 .navMenu, .headerType2 .navMenu {
    border-top: 1px solid #f12b34;
    background: #fff
  }
  .headerType1 .navMenu>li>a, .headerType2 .navMenu>li>a {
    color: #333
  }
  .headerType1 .navMenu>li>a:after, .headerType2 .navMenu>li>a:after {
    color: #474747
  }
  .headerType1 .navMenu>li a, .headerType2 .navMenu>li a {
    border-color: #eee;
    border-style: solid;
    border-width: 0 0 1px 0
  }
  .headerType1 .navMenu>li:hover>a, .headerType2 .navMenu>li:hover>a {
    color: #f12b34
  }
  .headerType1 .navMenu>li:hover>a:before, .headerType2 .navMenu>li:hover>a:before {
    background: rgba(4, 15, 44, 0);
    border-width: 0 0 0 0
  }
  .headerType1 .navMenu>li.active>a, .headerType2 .navMenu>li.active>a {
    color: #f12b34
  }
  .headerType1 .navMenu>li>ul, .headerType2 .navMenu>li>ul {
    box-shadow: none;
    -webkit-box-shadow: none
  }
  .headerType1 .navMenu>li ul, .headerType2 .navMenu>li ul {
    border-bottom: 0;
    box-shadow: none
  }
  .headerType1 .navMenu>li ul li, .headerType2 .navMenu>li ul li {
    border: 0;
    padding-right: 0
  }
  .headerType1 .navMenu>li ul li a, .headerType2 .navMenu>li ul li a {
    color: gray
  }
  .headerType1 .navMenu>li ul li:hover, .headerType2 .navMenu>li ul li:hover {
    padding-left: 1em;
    background: none
  }
  .headerType1 .navMenu>li ul li:hover a, .headerType2 .navMenu>li ul li:hover a {
    color: #333
  }
  .headerType1 .navMenu>li.moreMenu .moreMenu>a:after, .headerType2 .navMenu>li.moreMenu .moreMenu>a:after {
    color: rgba(51, 51, 51, 0.5);
    content: "";
    font-size: 1em
  }
  .headerType1 .navMenu>li.multiMenu>ul>li>a, .headerType2 .navMenu>li.multiMenu>ul>li>a {
    font-weight: normal;
    border-color: #eee
  }
  .headerType1 .navMenu>li.multiMenu>ul>li>a:after, .headerType2 .navMenu>li.multiMenu>ul>li>a:after {
    color: rgba(51, 51, 51, 0.5);
    content: "";
    font-size: 1em
  }
}

.headerType2 {
  background: url("../images/header_bg.jpg")
}

.scroll.headerType2 {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1)
}

.scroll.headerType2 .navMenu {
  background: none;
  border: 0
}

.scroll.headerType2 .navMenu>li:hover>a {
  transition: none
}

.headerType2 .hamburger span:before, .headerType2 .hamburger span:after, .headerType2 .hamburger span {
  background: #333
}

.headerType2 .navMenu {
  background: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  border-width: 0;
  border-style: solid
}

.headerType2 .navMenu>li {
  border-right: 1px solid #ececec
}

.headerType2 .navMenu>li>a {
  color: #f12b34;
  font-size: 18px;
  font-family: 'Philosopher Regular'
}

.headerType2 .navMenu>li>a:after {
  color: #474747
}

.headerType2 .navMenu>li:first-child {
  border-left: 1px solid #ececec
}

.headerType2 .navMenu>li.active>a {
  font-weight: bold;
  color: #e62129
}

.headerType2 .navMenu>li:hover>a {
  color: #e62129;
  transition: none
}

.headerType2 .navMenu>li:hover>a:before {
  background: rgba(4, 15, 44, 0);
  border-color: #e62129;
  border-width: 0 0 3px 0
}

.navMenuBlock.headerType2 {
  background: rgba(255, 255, 255, 0);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5)
}

.headerType2 .topLink, .headerType2 .headerType4 .topLinkLeft, .headerType4 .headerType2 .topLinkLeft, .headerType2 .headerType4 .topLinkRight, .headerType4 .headerType2 .topLinkRight, .headerType2 .headerType5 .topLinkLeft, .headerType5 .headerType2 .topLinkLeft, .headerType2 .headerType5 .topLinkRight, .headerType5 .headerType2 .topLinkRight {
  background: -webkit-linear-gradient(left, #f12b34, #00A691);
  background: -o-linear-gradient(left, #f12b34, #00A691);
  background: linear-gradient(to right, #f12b34, #00A691)
}

.headerType2 .topLink .topLinkMenu>li+li:before, .headerType2 .headerType4 .topLinkLeft .topLinkMenu>li+li:before, .headerType4 .headerType2 .topLinkLeft .topLinkMenu>li+li:before, .headerType2 .headerType4 .topLinkRight .topLinkMenu>li+li:before, .headerType4 .headerType2 .topLinkRight .topLinkMenu>li+li:before, .headerType2 .headerType5 .topLinkLeft .topLinkMenu>li+li:before, .headerType5 .headerType2 .topLinkLeft .topLinkMenu>li+li:before, .headerType2 .headerType5 .topLinkRight .topLinkMenu>li+li:before, .headerType5 .headerType2 .topLinkRight .topLinkMenu>li+li:before {
  color: rgba(51, 51, 51, 0.5)
}

.headerType2 .topLink .topLinkMenu>li>a, .headerType2 .headerType4 .topLinkLeft .topLinkMenu>li>a, .headerType4 .headerType2 .topLinkLeft .topLinkMenu>li>a, .headerType2 .headerType4 .topLinkRight .topLinkMenu>li>a, .headerType4 .headerType2 .topLinkRight .topLinkMenu>li>a, .headerType2 .headerType5 .topLinkLeft .topLinkMenu>li>a, .headerType5 .headerType2 .topLinkLeft .topLinkMenu>li>a, .headerType2 .headerType5 .topLinkRight .topLinkMenu>li>a, .headerType5 .headerType2 .topLinkRight .topLinkMenu>li>a {
  color: #fff
}

.headerType2 .topLink .topLinkMenu>li>a:hover, .headerType2 .headerType4 .topLinkLeft .topLinkMenu>li>a:hover, .headerType4 .headerType2 .topLinkLeft .topLinkMenu>li>a:hover, .headerType2 .headerType4 .topLinkRight .topLinkMenu>li>a:hover, .headerType4 .headerType2 .topLinkRight .topLinkMenu>li>a:hover, .headerType2 .headerType5 .topLinkLeft .topLinkMenu>li>a:hover, .headerType5 .headerType2 .topLinkLeft .topLinkMenu>li>a:hover, .headerType2 .headerType5 .topLinkRight .topLinkMenu>li>a:hover, .headerType5 .headerType2 .topLinkRight .topLinkMenu>li>a:hover {
  color: rgba(255, 255, 255, 0.4)
}

@media (max-width: 1024px) {
  .scroll.headerType2 {
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)
  }
  .scroll.headerType2 .navMenu {
    background: #fff
  }
  .scroll.headerType2 .navMenu>li>a {
    color: #333
  }
  .scroll.headerType2 .navMenu>li>a:after {
    color: #474747
  }
  .scroll.headerType2 .navMenu>li:hover>a {
    color: #f12b34
  }
  .scroll.headerType2 .navMenu>li.active>a {
    color: #f12b34
  }
  .headerType2 .topLink, .headerType2 .headerType4 .topLinkLeft, .headerType4 .headerType2 .topLinkLeft, .headerType2 .headerType4 .topLinkRight, .headerType4 .headerType2 .topLinkRight, .headerType2 .headerType5 .topLinkLeft, .headerType5 .headerType2 .topLinkLeft, .headerType2 .headerType5 .topLinkRight, .headerType5 .headerType2 .topLinkRight {
    background: #f12b34;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)
  }
  .headerType2 .topLink .topLinkMenu ul, .headerType2 .headerType4 .topLinkLeft .topLinkMenu ul, .headerType4 .headerType2 .topLinkLeft .topLinkMenu ul, .headerType2 .headerType4 .topLinkRight .topLinkMenu ul, .headerType4 .headerType2 .topLinkRight .topLinkMenu ul, .headerType2 .headerType5 .topLinkLeft .topLinkMenu ul, .headerType5 .headerType2 .topLinkLeft .topLinkMenu ul, .headerType2 .headerType5 .topLinkRight .topLinkMenu ul, .headerType5 .headerType2 .topLinkRight .topLinkMenu ul {
    border-top: 5px solid #f12b34;
    border-bottom: 0
  }
  .headerType2 .topLink .topLinkMenu>li+li:before, .headerType2 .headerType4 .topLinkLeft .topLinkMenu>li+li:before, .headerType4 .headerType2 .topLinkLeft .topLinkMenu>li+li:before, .headerType2 .headerType4 .topLinkRight .topLinkMenu>li+li:before, .headerType4 .headerType2 .topLinkRight .topLinkMenu>li+li:before, .headerType2 .headerType5 .topLinkLeft .topLinkMenu>li+li:before, .headerType5 .headerType2 .topLinkLeft .topLinkMenu>li+li:before, .headerType2 .headerType5 .topLinkRight .topLinkMenu>li+li:before, .headerType5 .headerType2 .topLinkRight .topLinkMenu>li+li:before {
    color: rgba(51, 51, 51, 0.5)
  }
  .headerType2 .topLink .topLinkMenu>li>a, .headerType2 .headerType4 .topLinkLeft .topLinkMenu>li>a, .headerType4 .headerType2 .topLinkLeft .topLinkMenu>li>a, .headerType2 .headerType4 .topLinkRight .topLinkMenu>li>a, .headerType4 .headerType2 .topLinkRight .topLinkMenu>li>a, .headerType2 .headerType5 .topLinkLeft .topLinkMenu>li>a, .headerType5 .headerType2 .topLinkLeft .topLinkMenu>li>a, .headerType2 .headerType5 .topLinkRight .topLinkMenu>li>a, .headerType5 .headerType2 .topLinkRight .topLinkMenu>li>a {
    color: rgba(255, 255, 255, 0.6)
  }
  .headerType2 .topLink .topLinkMenu>li>a:hover, .headerType2 .headerType4 .topLinkLeft .topLinkMenu>li>a:hover, .headerType4 .headerType2 .topLinkLeft .topLinkMenu>li>a:hover, .headerType2 .headerType4 .topLinkRight .topLinkMenu>li>a:hover, .headerType4 .headerType2 .topLinkRight .topLinkMenu>li>a:hover, .headerType2 .headerType5 .topLinkLeft .topLinkMenu>li>a:hover, .headerType5 .headerType2 .topLinkLeft .topLinkMenu>li>a:hover, .headerType2 .headerType5 .topLinkRight .topLinkMenu>li>a:hover, .headerType5 .headerType2 .topLinkRight .topLinkMenu>li>a:hover {
    color: rgba(255, 255, 255, 0.4)
  }
  .headerType2 .navMenu {
    border-top: 1px solid #f12b34;
    background: #fff
  }
  .headerType2 .navMenu>li>a {
    color: #333
  }
  .headerType2 .navMenu>li>a:after {
    color: #474747
  }
  .headerType2 .navMenu>li a {
    border-color: #eee;
    border-style: solid;
    border-width: 0 0 1px 0
  }
  .headerType2 .navMenu>li:hover>a {
    color: #f12b34
  }
  .headerType2 .navMenu>li:hover>a:before {
    background: rgba(4, 15, 44, 0);
    border-width: 0 0 0 0
  }
  .headerType2 .navMenu>li.active>a {
    color: #f12b34
  }
  .headerType2 .navMenu>li>ul {
    box-shadow: none;
    -webkit-box-shadow: none
  }
  .headerType2 .navMenu>li ul {
    border-bottom: 0;
    box-shadow: none
  }
  .headerType2 .navMenu>li ul li {
    border: 0;
    padding-right: 0
  }
  .headerType2 .navMenu>li ul li a {
    color: gray
  }
  .headerType2 .navMenu>li ul li:hover {
    padding-left: 1em;
    background: none
  }
  .headerType2 .navMenu>li ul li:hover a {
    color: #333
  }
  .headerType2 .navMenu>li.moreMenu .moreMenu>a:after {
    color: rgba(51, 51, 51, 0.5);
    content: "";
    font-size: 1em
  }
  .headerType2 .navMenu>li.multiMenu>ul>li>a {
    font-weight: normal;
    border-color: #eee
  }
  .headerType2 .navMenu>li.multiMenu>ul>li>a:after {
    color: rgba(51, 51, 51, 0.5);
    content: "";
    font-size: 1em
  }
}

.headerType3 {
  background: url("../images/header_bg.jpg")
}

.scroll.headerType3 {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1)
}

.scroll.headerType3 .navMenu {
  background: none;
  border: 0
}

.scroll.headerType3 .navMenu>li:hover>a {
  transition: none
}

.headerType3 .hamburger span:before, .headerType3 .hamburger span:after, .headerType3 .hamburger span {
  background: #333
}

.headerType3 .navMenu {
  background: #fff;
  border-color: #f12b34;
  border-width: 1px 0 0 0;
  border-style: solid
}

.headerType3 .navMenu>li {
  border-right: 1px solid #ececec
}

.headerType3 .navMenu>li>a {
  color: #f12b34;
  font-size: 18px;
  font-family: 'Philosopher Regular'
}

.headerType3 .navMenu>li>a:after {
  color: #474747
}

.headerType3 .navMenu>li:first-child {
  border-left: 1px solid #ececec
}

.headerType3 .navMenu>li.active>a {
  font-weight: bold;
  color: #e62129
}

.headerType3 .navMenu>li:hover>a {
  color: #e62129;
  transition: none
}

.headerType3 .navMenu>li:hover>a:before {
  background: rgba(4, 15, 44, 0);
  border-color: #e62129;
  border-width: 0 0 3px 0
}

.navMenuBlock.headerType3 {
  background: rgba(255, 255, 255, 0);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5)
}

.headerType3 .topLink, .headerType3 .headerType4 .topLinkLeft, .headerType4 .headerType3 .topLinkLeft, .headerType3 .headerType4 .topLinkRight, .headerType4 .headerType3 .topLinkRight, .headerType3 .headerType5 .topLinkLeft, .headerType5 .headerType3 .topLinkLeft, .headerType3 .headerType5 .topLinkRight, .headerType5 .headerType3 .topLinkRight {
  background: -webkit-linear-gradient(left, #f12b34, #00A691);
  background: -o-linear-gradient(left, #f12b34, #00A691);
  background: linear-gradient(to right, #f12b34, #00A691)
}

.headerType3 .topLink .topLinkMenu>li+li:before, .headerType3 .headerType4 .topLinkLeft .topLinkMenu>li+li:before, .headerType4 .headerType3 .topLinkLeft .topLinkMenu>li+li:before, .headerType3 .headerType4 .topLinkRight .topLinkMenu>li+li:before, .headerType4 .headerType3 .topLinkRight .topLinkMenu>li+li:before, .headerType3 .headerType5 .topLinkLeft .topLinkMenu>li+li:before, .headerType5 .headerType3 .topLinkLeft .topLinkMenu>li+li:before, .headerType3 .headerType5 .topLinkRight .topLinkMenu>li+li:before, .headerType5 .headerType3 .topLinkRight .topLinkMenu>li+li:before {
  color: rgba(51, 51, 51, 0.5)
}

.headerType3 .topLink .topLinkMenu>li>a, .headerType3 .headerType4 .topLinkLeft .topLinkMenu>li>a, .headerType4 .headerType3 .topLinkLeft .topLinkMenu>li>a, .headerType3 .headerType4 .topLinkRight .topLinkMenu>li>a, .headerType4 .headerType3 .topLinkRight .topLinkMenu>li>a, .headerType3 .headerType5 .topLinkLeft .topLinkMenu>li>a, .headerType5 .headerType3 .topLinkLeft .topLinkMenu>li>a, .headerType3 .headerType5 .topLinkRight .topLinkMenu>li>a, .headerType5 .headerType3 .topLinkRight .topLinkMenu>li>a {
  color: rgba(51, 51, 51, 0.6)
}

.headerType3 .topLink .topLinkMenu>li>a:hover, .headerType3 .headerType4 .topLinkLeft .topLinkMenu>li>a:hover, .headerType4 .headerType3 .topLinkLeft .topLinkMenu>li>a:hover, .headerType3 .headerType4 .topLinkRight .topLinkMenu>li>a:hover, .headerType4 .headerType3 .topLinkRight .topLinkMenu>li>a:hover, .headerType3 .headerType5 .topLinkLeft .topLinkMenu>li>a:hover, .headerType5 .headerType3 .topLinkLeft .topLinkMenu>li>a:hover, .headerType3 .headerType5 .topLinkRight .topLinkMenu>li>a:hover, .headerType5 .headerType3 .topLinkRight .topLinkMenu>li>a:hover {
  color: #f12b34
}

@media (max-width: 1024px) {
  .scroll.headerType3 {
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)
  }
  .scroll.headerType3 .navMenu {
    background: #fff
  }
  .scroll.headerType3 .navMenu>li>a {
    color: #333
  }
  .scroll.headerType3 .navMenu>li>a:after {
    color: #474747
  }
  .scroll.headerType3 .navMenu>li:hover>a {
    color: #f12b34
  }
  .scroll.headerType3 .navMenu>li.active>a {
    color: #f12b34
  }
  .headerType3 .topLink, .headerType3 .headerType4 .topLinkLeft, .headerType4 .headerType3 .topLinkLeft, .headerType3 .headerType4 .topLinkRight, .headerType4 .headerType3 .topLinkRight, .headerType3 .headerType5 .topLinkLeft, .headerType5 .headerType3 .topLinkLeft, .headerType3 .headerType5 .topLinkRight, .headerType5 .headerType3 .topLinkRight {
    background: #f12b34;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)
  }
  .headerType3 .topLink .topLinkMenu ul, .headerType3 .headerType4 .topLinkLeft .topLinkMenu ul, .headerType4 .headerType3 .topLinkLeft .topLinkMenu ul, .headerType3 .headerType4 .topLinkRight .topLinkMenu ul, .headerType4 .headerType3 .topLinkRight .topLinkMenu ul, .headerType3 .headerType5 .topLinkLeft .topLinkMenu ul, .headerType5 .headerType3 .topLinkLeft .topLinkMenu ul, .headerType3 .headerType5 .topLinkRight .topLinkMenu ul, .headerType5 .headerType3 .topLinkRight .topLinkMenu ul {
    border-top: 5px solid #f12b34;
    border-bottom: 0
  }
  .headerType3 .topLink .topLinkMenu>li+li:before, .headerType3 .headerType4 .topLinkLeft .topLinkMenu>li+li:before, .headerType4 .headerType3 .topLinkLeft .topLinkMenu>li+li:before, .headerType3 .headerType4 .topLinkRight .topLinkMenu>li+li:before, .headerType4 .headerType3 .topLinkRight .topLinkMenu>li+li:before, .headerType3 .headerType5 .topLinkLeft .topLinkMenu>li+li:before, .headerType5 .headerType3 .topLinkLeft .topLinkMenu>li+li:before, .headerType3 .headerType5 .topLinkRight .topLinkMenu>li+li:before, .headerType5 .headerType3 .topLinkRight .topLinkMenu>li+li:before {
    color: rgba(51, 51, 51, 0.5)
  }
  .headerType3 .topLink .topLinkMenu>li>a, .headerType3 .headerType4 .topLinkLeft .topLinkMenu>li>a, .headerType4 .headerType3 .topLinkLeft .topLinkMenu>li>a, .headerType3 .headerType4 .topLinkRight .topLinkMenu>li>a, .headerType4 .headerType3 .topLinkRight .topLinkMenu>li>a, .headerType3 .headerType5 .topLinkLeft .topLinkMenu>li>a, .headerType5 .headerType3 .topLinkLeft .topLinkMenu>li>a, .headerType3 .headerType5 .topLinkRight .topLinkMenu>li>a, .headerType5 .headerType3 .topLinkRight .topLinkMenu>li>a {
    color: rgba(255, 255, 255, 0.6)
  }
  .headerType3 .topLink .topLinkMenu>li>a:hover, .headerType3 .headerType4 .topLinkLeft .topLinkMenu>li>a:hover, .headerType4 .headerType3 .topLinkLeft .topLinkMenu>li>a:hover, .headerType3 .headerType4 .topLinkRight .topLinkMenu>li>a:hover, .headerType4 .headerType3 .topLinkRight .topLinkMenu>li>a:hover, .headerType3 .headerType5 .topLinkLeft .topLinkMenu>li>a:hover, .headerType5 .headerType3 .topLinkLeft .topLinkMenu>li>a:hover, .headerType3 .headerType5 .topLinkRight .topLinkMenu>li>a:hover, .headerType5 .headerType3 .topLinkRight .topLinkMenu>li>a:hover {
    color: rgba(255, 255, 255, 0.4)
  }
  .headerType3 .navMenu {
    border-top: 1px solid #f12b34;
    background: #fff
  }
  .headerType3 .navMenu>li>a {
    color: #333
  }
  .headerType3 .navMenu>li>a:after {
    color: #474747
  }
  .headerType3 .navMenu>li a {
    border-color: #eee;
    border-style: solid;
    border-width: 0 0 1px 0
  }
  .headerType3 .navMenu>li:hover>a {
    color: #f12b34
  }
  .headerType3 .navMenu>li:hover>a:before {
    background: rgba(4, 15, 44, 0);
    border-width: 0 0 0 0
  }
  .headerType3 .navMenu>li.active>a {
    color: #f12b34
  }
  .headerType3 .navMenu>li>ul {
    box-shadow: none;
    -webkit-box-shadow: none
  }
  .headerType3 .navMenu>li ul {
    border-bottom: 0;
    box-shadow: none
  }
  .headerType3 .navMenu>li ul li {
    border: 0;
    padding-right: 0
  }
  .headerType3 .navMenu>li ul li a {
    color: gray
  }
  .headerType3 .navMenu>li ul li:hover {
    padding-left: 1em;
    background: none
  }
  .headerType3 .navMenu>li ul li:hover a {
    color: #333
  }
  .headerType3 .navMenu>li.moreMenu .moreMenu>a:after {
    color: rgba(51, 51, 51, 0.5);
    content: "";
    font-size: 1em
  }
  .headerType3 .navMenu>li.multiMenu>ul>li>a {
    font-weight: normal;
    border-color: #eee
  }
  .headerType3 .navMenu>li.multiMenu>ul>li>a:after {
    color: rgba(51, 51, 51, 0.5);
    content: "";
    font-size: 1em
  }
}

.headerType4 {
  background: url("../images/header_bg.jpg")
}

.scroll.headerType4 {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1)
}

.scroll.headerType4 .navMenu {
  background: none;
  border: 0
}

.scroll.headerType4 .navMenu>li:hover>a {
  transition: none
}

.scroll.headerType4 .navMenu>li>a {
  color: #333
}

.scroll.headerType4 .navMenu>li>a:after {
  color: #474747
}

.scroll.headerType4 .navMenu>li:hover>a {
  color: #fff;
  transition: none
}

.scroll.headerType4 .navMenu>li.active>a {
  color: #f12b34
}

.headerType4 .hamburger span:before, .headerType4 .hamburger span:after, .headerType4 .hamburger span {
  background: #333
}

.headerType4 .navMenu {
  background: rgba(255, 255, 255, 0);
  border-color: rgba(7, 28, 82, 0);
  border-width: 0;
  border-style: solid
}

.headerType4 .navMenu>li {
  border-right: 1px solid #ececec
}

.headerType4 .navMenu>li>a {
  color: #f12b34;
  font-size: 18px;
  font-family: 'Philosopher Regular'
}

.headerType4 .navMenu>li>a:after {
  color: #474747
}

.headerType4 .navMenu>li:first-child {
  border-left: 1px solid #ececec
}

.headerType4 .navMenu>li.active>a {
  font-weight: bold;
  color: #e62129
}

.headerType4 .navMenu>li:hover>a {
  color: #e62129;
  transition: none
}

.headerType4 .navMenu>li:hover>a:before {
  background: rgba(4, 15, 44, 0);
  border-color: #e62129;
  border-width: 0 0 3px 0
}

.navMenuBlock.headerType4 {
  background: #f12b34;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5)
}

.headerType4 .topLink, .headerType4 .topLinkLeft, .headerType4 .topLinkRight {
  background: -webkit-linear-gradient(left, #f12b34, #00A691);
  background: -o-linear-gradient(left, #f12b34, #00A691);
  background: linear-gradient(to right, #f12b34, #00A691)
}

.headerType4 .topLink .topLinkMenu>li+li:before, .headerType4 .topLinkLeft .topLinkMenu>li+li:before, .headerType4 .topLinkRight .topLinkMenu>li+li:before {
  color: rgba(51, 51, 51, 0.5)
}

.headerType4 .topLink .topLinkMenu>li>a, .headerType4 .topLinkLeft .topLinkMenu>li>a, .headerType4 .topLinkRight .topLinkMenu>li>a {
  color: rgba(51, 51, 51, 0.6)
}

.headerType4 .topLink .topLinkMenu>li>a:hover, .headerType4 .topLinkLeft .topLinkMenu>li>a:hover, .headerType4 .topLinkRight .topLinkMenu>li>a:hover {
  color: rgba(51, 51, 51, 0.4)
}

@media (max-width: 1024px) {
  .scroll.headerType4 {
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)
  }
  .scroll.headerType4 .navMenu {
    background: #fff
  }
  .scroll.headerType4 .navMenu>li>a {
    color: #333
  }
  .scroll.headerType4 .navMenu>li>a:after {
    color: #474747
  }
  .scroll.headerType4 .navMenu>li:hover>a {
    color: #f12b34
  }
  .scroll.headerType4 .navMenu>li.active>a {
    color: #f12b34
  }
  .headerType4 .topLink, .headerType4 .topLinkLeft, .headerType4 .topLinkRight {
    background: #f12b34;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)
  }
  .headerType4 .topLink .topLinkMenu ul, .headerType4 .topLinkLeft .topLinkMenu ul, .headerType4 .topLinkRight .topLinkMenu ul {
    border-top: 5px solid #f12b34;
    border-bottom: 0
  }
  .headerType4 .topLink .topLinkMenu>li+li:before, .headerType4 .topLinkLeft .topLinkMenu>li+li:before, .headerType4 .topLinkRight .topLinkMenu>li+li:before {
    color: rgba(51, 51, 51, 0.5)
  }
  .headerType4 .topLink .topLinkMenu>li>a, .headerType4 .topLinkLeft .topLinkMenu>li>a, .headerType4 .topLinkRight .topLinkMenu>li>a {
    color: rgba(255, 255, 255, 0.6)
  }
  .headerType4 .topLink .topLinkMenu>li>a:hover, .headerType4 .topLinkLeft .topLinkMenu>li>a:hover, .headerType4 .topLinkRight .topLinkMenu>li>a:hover {
    color: rgba(255, 255, 255, 0.4)
  }
  .headerType4 .navMenu {
    border-top: 1px solid #f12b34;
    background: #fff
  }
  .headerType4 .navMenu>li>a {
    color: #333
  }
  .headerType4 .navMenu>li>a:after {
    color: #474747
  }
  .headerType4 .navMenu>li a {
    border-color: #eee;
    border-style: solid;
    border-width: 0 0 1px 0
  }
  .headerType4 .navMenu>li:hover>a {
    color: #f12b34
  }
  .headerType4 .navMenu>li:hover>a:before {
    background: rgba(4, 15, 44, 0);
    border-width: 0 0 0 0
  }
  .headerType4 .navMenu>li.active>a {
    color: #f12b34
  }
  .headerType4 .navMenu>li>ul {
    box-shadow: none;
    -webkit-box-shadow: none
  }
  .headerType4 .navMenu>li ul {
    border-bottom: 0;
    box-shadow: none
  }
  .headerType4 .navMenu>li ul li {
    border: 0;
    padding-right: 0
  }
  .headerType4 .navMenu>li ul li a {
    color: gray
  }
  .headerType4 .navMenu>li ul li:hover {
    padding-left: 1em;
    background: none
  }
  .headerType4 .navMenu>li ul li:hover a {
    color: #333
  }
  .headerType4 .navMenu>li.moreMenu .moreMenu>a:after {
    color: rgba(51, 51, 51, 0.5);
    content: "";
    font-size: 1em
  }
  .headerType4 .navMenu>li.multiMenu>ul>li>a {
    font-weight: normal;
    border-color: #eee
  }
  .headerType4 .navMenu>li.multiMenu>ul>li>a:after {
    color: rgba(51, 51, 51, 0.5);
    content: "";
    font-size: 1em
  }
}

.headerType5 {
  background: url("../images/header_bg.jpg")
}

.scroll.headerType5 {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1)
}

.scroll.headerType5 .navMenu {
  background: none;
  border: 0
}

.scroll.headerType5 .navMenu>li:hover>a {
  transition: none
}

.scroll.headerType5 .navMenu>li>a {
  color: #333
}

.scroll.headerType5 .navMenu>li>a:after {
  color: #474747
}

.scroll.headerType5 .navMenu>li:hover>a {
  color: #fff;
  transition: none
}

.scroll.headerType5 .navMenu>li.active>a {
  color: #f12b34
}

.headerType5 .hamburger span:before, .headerType5 .hamburger span:after, .headerType5 .hamburger span {
  background: #333
}

.headerType5 .navMenu {
  background: #f12b34;
  border-color: rgba(7, 28, 82, 0);
  border-width: 0;
  border-style: solid
}

.headerType5 .navMenu>li {
  border-right: 1px solid #ececec
}

.headerType5 .navMenu>li>a {
  color: #f12b34;
  font-size: 18px;
  font-family: 'Philosopher Regular'
}

.headerType5 .navMenu>li>a:after {
  color: #474747
}

.headerType5 .navMenu>li:first-child {
  border-left: 1px solid #ececec
}

.headerType5 .navMenu>li.active>a {
  font-weight: bold;
  color: #e62129
}

.headerType5 .navMenu>li:hover>a {
  color: #e62129;
  transition: none
}

.headerType5 .navMenu>li:hover>a:before {
  background: rgba(4, 15, 44, 0);
  border-color: #e62129;
  border-width: 0 0 3px 0
}

.navMenuBlock.headerType5 {
  background: rgba(255, 255, 255, 0);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5)
}

.headerType5 .topLink, .headerType5 .topLinkLeft, .headerType5 .topLinkRight {
  background: -webkit-linear-gradient(left, #f12b34, #00A691);
  background: -o-linear-gradient(left, #f12b34, #00A691);
  background: linear-gradient(to right, #f12b34, #00A691)
}

.headerType5 .topLink .topLinkMenu>li+li:before, .headerType5 .topLinkLeft .topLinkMenu>li+li:before, .headerType5 .topLinkRight .topLinkMenu>li+li:before {
  color: rgba(51, 51, 51, 0.5)
}

.headerType5 .topLink .topLinkMenu>li>a, .headerType5 .topLinkLeft .topLinkMenu>li>a, .headerType5 .topLinkRight .topLinkMenu>li>a {
  color: rgba(51, 51, 51, 0.6)
}

.headerType5 .topLink .topLinkMenu>li>a:hover, .headerType5 .topLinkLeft .topLinkMenu>li>a:hover, .headerType5 .topLinkRight .topLinkMenu>li>a:hover {
  color: rgba(51, 51, 51, 0.4)
}

@media (max-width: 1024px) {
  .scroll.headerType5 {
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)
  }
  .scroll.headerType5 .navMenu {
    background: #fff
  }
  .scroll.headerType5 .navMenu>li>a {
    color: #333
  }
  .scroll.headerType5 .navMenu>li>a:after {
    color: #474747
  }
  .scroll.headerType5 .navMenu>li:hover>a {
    color: #f12b34
  }
  .scroll.headerType5 .navMenu>li.active>a {
    color: #f12b34
  }
  .headerType5 .topLink, .headerType5 .topLinkLeft, .headerType5 .topLinkRight {
    background: #f12b34;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)
  }
  .headerType5 .topLink .topLinkMenu ul, .headerType5 .topLinkLeft .topLinkMenu ul, .headerType5 .topLinkRight .topLinkMenu ul {
    border-top: 5px solid #f12b34;
    border-bottom: 0
  }
  .headerType5 .topLink .topLinkMenu>li+li:before, .headerType5 .topLinkLeft .topLinkMenu>li+li:before, .headerType5 .topLinkRight .topLinkMenu>li+li:before {
    color: rgba(51, 51, 51, 0.5)
  }
  .headerType5 .topLink .topLinkMenu>li>a, .headerType5 .topLinkLeft .topLinkMenu>li>a, .headerType5 .topLinkRight .topLinkMenu>li>a {
    color: rgba(255, 255, 255, 0.6)
  }
  .headerType5 .topLink .topLinkMenu>li>a:hover, .headerType5 .topLinkLeft .topLinkMenu>li>a:hover, .headerType5 .topLinkRight .topLinkMenu>li>a:hover {
    color: rgba(255, 255, 255, 0.4)
  }
  .headerType5 .navMenu {
    border-top: 1px solid #f12b34;
    background: #fff
  }
  .headerType5 .navMenu>li>a {
    color: #333
  }
  .headerType5 .navMenu>li>a:after {
    color: #474747
  }
  .headerType5 .navMenu>li a {
    border-color: #eee;
    border-style: solid;
    border-width: 0 0 1px 0
  }
  .headerType5 .navMenu>li:hover>a {
    color: #f12b34
  }
  .headerType5 .navMenu>li:hover>a:before {
    background: rgba(4, 15, 44, 0);
    border-width: 0 0 0 0
  }
  .headerType5 .navMenu>li.active>a {
    color: #f12b34
  }
  .headerType5 .navMenu>li>ul {
    box-shadow: none;
    -webkit-box-shadow: none
  }
  .headerType5 .navMenu>li ul {
    border-bottom: 0;
    box-shadow: none
  }
  .headerType5 .navMenu>li ul li {
    border: 0;
    padding-right: 0
  }
  .headerType5 .navMenu>li ul li a {
    color: gray
  }
  .headerType5 .navMenu>li ul li:hover {
    padding-left: 1em;
    background: none
  }
  .headerType5 .navMenu>li ul li:hover a {
    color: #333
  }
  .headerType5 .navMenu>li.moreMenu .moreMenu>a:after {
    color: rgba(51, 51, 51, 0.5);
    content: "";
    font-size: 1em
  }
  .headerType5 .navMenu>li.multiMenu>ul>li>a {
    font-weight: normal;
    border-color: #eee
  }
  .headerType5 .navMenu>li.multiMenu>ul>li>a:after {
    color: rgba(51, 51, 51, 0.5);
    content: "";
    font-size: 1em
  }
}

.headerType6 {
  background: url("../images/header_bg.jpg")
}

.scroll.headerType6 {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1)
}

.scroll.headerType6 .navMenu {
  background: none;
  border: 0
}

.scroll.headerType6 .navMenu>li:hover>a {
  transition: none
}

.headerType6 .hamburger span:before, .headerType6 .hamburger span:after, .headerType6 .hamburger span {
  background: #333
}

.headerType6 .navMenu {
  background: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  border-width: 0;
  border-style: solid
}

.headerType6 .navMenu>li {
  border-right: 1px solid #ececec
}

.headerType6 .navMenu>li>a {
  color: #f12b34;
  font-size: 18px;
  font-family: 'Philosopher Regular'
}

.headerType6 .navMenu>li>a:after {
  color: #474747
}

.headerType6 .navMenu>li:first-child {
  border-left: 1px solid #ececec
}

.headerType6 .navMenu>li.active>a {
  font-weight: bold;
  color: #e62129
}

.headerType6 .navMenu>li:hover>a {
  color: #e62129;
  transition: none
}

.headerType6 .navMenu>li:hover>a:before {
  background: rgba(4, 15, 44, 0);
  border-color: #e62129;
  border-width: 0 0 3px 0
}

.navMenuBlock.headerType6 {
  background: rgba(255, 255, 255, 0);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5)
}

.headerType6 .topLink, .headerType6 .headerType4 .topLinkLeft, .headerType4 .headerType6 .topLinkLeft, .headerType6 .headerType4 .topLinkRight, .headerType4 .headerType6 .topLinkRight, .headerType6 .headerType5 .topLinkLeft, .headerType5 .headerType6 .topLinkLeft, .headerType6 .headerType5 .topLinkRight, .headerType5 .headerType6 .topLinkRight {
  background: -webkit-linear-gradient(left, #f12b34, #00A691);
  background: -o-linear-gradient(left, #f12b34, #00A691);
  background: linear-gradient(to right, #f12b34, #00A691)
}

.headerType6 .topLink .topLinkMenu>li+li:before, .headerType6 .headerType4 .topLinkLeft .topLinkMenu>li+li:before, .headerType4 .headerType6 .topLinkLeft .topLinkMenu>li+li:before, .headerType6 .headerType4 .topLinkRight .topLinkMenu>li+li:before, .headerType4 .headerType6 .topLinkRight .topLinkMenu>li+li:before, .headerType6 .headerType5 .topLinkLeft .topLinkMenu>li+li:before, .headerType5 .headerType6 .topLinkLeft .topLinkMenu>li+li:before, .headerType6 .headerType5 .topLinkRight .topLinkMenu>li+li:before, .headerType5 .headerType6 .topLinkRight .topLinkMenu>li+li:before {
  color: rgba(51, 51, 51, 0.5)
}

.headerType6 .topLink .topLinkMenu>li>a, .headerType6 .headerType4 .topLinkLeft .topLinkMenu>li>a, .headerType4 .headerType6 .topLinkLeft .topLinkMenu>li>a, .headerType6 .headerType4 .topLinkRight .topLinkMenu>li>a, .headerType4 .headerType6 .topLinkRight .topLinkMenu>li>a, .headerType6 .headerType5 .topLinkLeft .topLinkMenu>li>a, .headerType5 .headerType6 .topLinkLeft .topLinkMenu>li>a, .headerType6 .headerType5 .topLinkRight .topLinkMenu>li>a, .headerType5 .headerType6 .topLinkRight .topLinkMenu>li>a {
  color: #fff
}

.headerType6 .topLink .topLinkMenu>li>a:hover, .headerType6 .headerType4 .topLinkLeft .topLinkMenu>li>a:hover, .headerType4 .headerType6 .topLinkLeft .topLinkMenu>li>a:hover, .headerType6 .headerType4 .topLinkRight .topLinkMenu>li>a:hover, .headerType4 .headerType6 .topLinkRight .topLinkMenu>li>a:hover, .headerType6 .headerType5 .topLinkLeft .topLinkMenu>li>a:hover, .headerType5 .headerType6 .topLinkLeft .topLinkMenu>li>a:hover, .headerType6 .headerType5 .topLinkRight .topLinkMenu>li>a:hover, .headerType5 .headerType6 .topLinkRight .topLinkMenu>li>a:hover {
  color: #f12b34
}

@media (max-width: 1024px) {
  .scroll.headerType6 {
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)
  }
  .scroll.headerType6 .navMenu {
    background: #fff
  }
  .scroll.headerType6 .navMenu>li>a {
    color: #333
  }
  .scroll.headerType6 .navMenu>li>a:after {
    color: #474747
  }
  .scroll.headerType6 .navMenu>li:hover>a {
    color: #f12b34
  }
  .scroll.headerType6 .navMenu>li.active>a {
    color: #f12b34
  }
  .headerType6 .topLink, .headerType6 .headerType4 .topLinkLeft, .headerType4 .headerType6 .topLinkLeft, .headerType6 .headerType4 .topLinkRight, .headerType4 .headerType6 .topLinkRight, .headerType6 .headerType5 .topLinkLeft, .headerType5 .headerType6 .topLinkLeft, .headerType6 .headerType5 .topLinkRight, .headerType5 .headerType6 .topLinkRight {
    background: #f12b34;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)
  }
  .headerType6 .topLink .topLinkMenu ul, .headerType6 .headerType4 .topLinkLeft .topLinkMenu ul, .headerType4 .headerType6 .topLinkLeft .topLinkMenu ul, .headerType6 .headerType4 .topLinkRight .topLinkMenu ul, .headerType4 .headerType6 .topLinkRight .topLinkMenu ul, .headerType6 .headerType5 .topLinkLeft .topLinkMenu ul, .headerType5 .headerType6 .topLinkLeft .topLinkMenu ul, .headerType6 .headerType5 .topLinkRight .topLinkMenu ul, .headerType5 .headerType6 .topLinkRight .topLinkMenu ul {
    border-top: 5px solid #f12b34;
    border-bottom: 0
  }
  .headerType6 .topLink .topLinkMenu>li+li:before, .headerType6 .headerType4 .topLinkLeft .topLinkMenu>li+li:before, .headerType4 .headerType6 .topLinkLeft .topLinkMenu>li+li:before, .headerType6 .headerType4 .topLinkRight .topLinkMenu>li+li:before, .headerType4 .headerType6 .topLinkRight .topLinkMenu>li+li:before, .headerType6 .headerType5 .topLinkLeft .topLinkMenu>li+li:before, .headerType5 .headerType6 .topLinkLeft .topLinkMenu>li+li:before, .headerType6 .headerType5 .topLinkRight .topLinkMenu>li+li:before, .headerType5 .headerType6 .topLinkRight .topLinkMenu>li+li:before {
    color: rgba(51, 51, 51, 0.5)
  }
  .headerType6 .topLink .topLinkMenu>li>a, .headerType6 .headerType4 .topLinkLeft .topLinkMenu>li>a, .headerType4 .headerType6 .topLinkLeft .topLinkMenu>li>a, .headerType6 .headerType4 .topLinkRight .topLinkMenu>li>a, .headerType4 .headerType6 .topLinkRight .topLinkMenu>li>a, .headerType6 .headerType5 .topLinkLeft .topLinkMenu>li>a, .headerType5 .headerType6 .topLinkLeft .topLinkMenu>li>a, .headerType6 .headerType5 .topLinkRight .topLinkMenu>li>a, .headerType5 .headerType6 .topLinkRight .topLinkMenu>li>a {
    color: rgba(255, 255, 255, 0.6)
  }
  .headerType6 .topLink .topLinkMenu>li>a:hover, .headerType6 .headerType4 .topLinkLeft .topLinkMenu>li>a:hover, .headerType4 .headerType6 .topLinkLeft .topLinkMenu>li>a:hover, .headerType6 .headerType4 .topLinkRight .topLinkMenu>li>a:hover, .headerType4 .headerType6 .topLinkRight .topLinkMenu>li>a:hover, .headerType6 .headerType5 .topLinkLeft .topLinkMenu>li>a:hover, .headerType5 .headerType6 .topLinkLeft .topLinkMenu>li>a:hover, .headerType6 .headerType5 .topLinkRight .topLinkMenu>li>a:hover, .headerType5 .headerType6 .topLinkRight .topLinkMenu>li>a:hover {
    color: rgba(255, 255, 255, 0.4)
  }
  .headerType6 .navMenu {
    border-top: 1px solid #f12b34;
    background: #fff
  }
  .headerType6 .navMenu>li>a {
    color: #333
  }
  .headerType6 .navMenu>li>a:after {
    color: #474747
  }
  .headerType6 .navMenu>li a {
    border-color: #eee;
    border-style: solid;
    border-width: 0 0 1px 0
  }
  .headerType6 .navMenu>li:hover>a {
    color: #f12b34
  }
  .headerType6 .navMenu>li:hover>a:before {
    background: rgba(4, 15, 44, 0);
    border-width: 0 0 0 0
  }
  .headerType6 .navMenu>li.active>a {
    color: #f12b34
  }
  .headerType6 .navMenu>li>ul {
    box-shadow: none;
    -webkit-box-shadow: none
  }
  .headerType6 .navMenu>li ul {
    border-bottom: 0;
    box-shadow: none
  }
  .headerType6 .navMenu>li ul li {
    border: 0;
    padding-right: 0
  }
  .headerType6 .navMenu>li ul li a {
    color: gray
  }
  .headerType6 .navMenu>li ul li:hover {
    padding-left: 1em;
    background: none
  }
  .headerType6 .navMenu>li ul li:hover a {
    color: #333
  }
  .headerType6 .navMenu>li.moreMenu .moreMenu>a:after {
    color: rgba(51, 51, 51, 0.5);
    content: "";
    font-size: 1em
  }
  .headerType6 .navMenu>li.multiMenu>ul>li>a {
    font-weight: normal;
    border-color: #eee
  }
  .headerType6 .navMenu>li.multiMenu>ul>li>a:after {
    color: rgba(51, 51, 51, 0.5);
    content: "";
    font-size: 1em
  }
}

.hamburger {
  display: none;
  cursor: pointer;
  line-height: 0
}

.hamburger span {
  position: relative
}

.hamburger span:before, .hamburger span:after {
  content: '';
  position: absolute;
  left: 0
}

.hamburger span:before {
  top: -5px
}

.hamburger span:after {
  top: 5px
}

.hamburger span:before, .hamburger span:after, .hamburger span {
  display: inline-block;
  width: 1em;
  height: 2px;
  line-height: 0
}

.hamburger.open span {
  background: transparent;
  position: relative
}

.hamburger.open span:before {
  transform: rotate3d(0, 0, 1, 45deg);
  top: 0
}

.hamburger.open span:after {
  transform: rotate3d(0, 0, 1, -45deg);
  top: 0
}

@media (max-width: 1024px) {
  .hamburger {
    display: inline-block
  }
}

.navMenu .moreMenu>a, .topLink .topLinkMenu .moreMenu>a, .headerType4 .topLinkLeft .topLinkMenu .moreMenu>a, .headerType4 .topLinkRight .topLinkMenu .moreMenu>a, .headerType5 .topLinkLeft .topLinkMenu .moreMenu>a, .headerType5 .topLinkRight .topLinkMenu .moreMenu>a {
  display: inline-flex;
  display: -webkit-inline-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between
}

.navMenu .moreMenu>a:after, .topLink .topLinkMenu .moreMenu>a:after, .headerType4 .topLinkLeft .topLinkMenu .moreMenu>a:after, .headerType4 .topLinkRight .topLinkMenu .moreMenu>a:after, .headerType5 .topLinkLeft .topLinkMenu .moreMenu>a:after, .headerType5 .topLinkRight .topLinkMenu .moreMenu>a:after {
  display: none;
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f107";
  padding-left: 0.5em
}

.navMenu .moreMenu li, .topLink .topLinkMenu .moreMenu li, .headerType4 .topLinkLeft .topLinkMenu .moreMenu li, .headerType4 .topLinkRight .topLinkMenu .moreMenu li, .headerType5 .topLinkLeft .topLinkMenu .moreMenu li, .headerType5 .topLinkRight .topLinkMenu .moreMenu li {
  padding-top: 0.5em;
  padding-bottom: 0.5em
}

.navMenu .moreMenu .moreMenu>a:after, .topLink .topLinkMenu .moreMenu .moreMenu>a:after, .headerType4 .topLinkLeft .topLinkMenu .moreMenu .moreMenu>a:after, .headerType4 .topLinkRight .topLinkMenu .moreMenu .moreMenu>a:after, .headerType5 .topLinkLeft .topLinkMenu .moreMenu .moreMenu>a:after, .headerType5 .topLinkRight .topLinkMenu .moreMenu .moreMenu>a:after {
  content: "\f105"
}

.navMenu .moreMenu, .topLink .topLinkMenu .moreMenu, .headerType4 .topLinkLeft .topLinkMenu .moreMenu, .headerType4 .topLinkRight .topLinkMenu .moreMenu, .headerType5 .topLinkLeft .topLinkMenu .moreMenu, .headerType5 .topLinkRight .topLinkMenu .moreMenu {
  position: relative;
  overflow: hidden
}

.navMenu .moreMenu>ul, .topLink .topLinkMenu .moreMenu>ul, .headerType4 .topLinkLeft .topLinkMenu .moreMenu>ul, .headerType4 .topLinkRight .topLinkMenu .moreMenu>ul, .headerType5 .topLinkLeft .topLinkMenu .moreMenu>ul, .headerType5 .topLinkRight .topLinkMenu .moreMenu>ul {
  position: absolute;
  left: 0;
  top: 100%;
  opacity: 0;
  z-index: 100;
  min-width: 230px
}

.navMenu .moreMenu>ul a, .topLink .topLinkMenu .moreMenu>ul a, .headerType4 .topLinkLeft .topLinkMenu .moreMenu>ul a, .headerType4 .topLinkRight .topLinkMenu .moreMenu>ul a, .headerType5 .topLinkLeft .topLinkMenu .moreMenu>ul a, .headerType5 .topLinkRight .topLinkMenu .moreMenu>ul a {
  width: 100%
}

.navMenu .moreMenu:hover, .topLink .topLinkMenu .moreMenu:hover, .headerType4 .topLinkLeft .topLinkMenu .moreMenu:hover, .headerType4 .topLinkRight .topLinkMenu .moreMenu:hover, .headerType5 .topLinkLeft .topLinkMenu .moreMenu:hover, .headerType5 .topLinkRight .topLinkMenu .moreMenu:hover {
  overflow: visible
}

.navMenu .moreMenu:hover>ul, .topLink .topLinkMenu .moreMenu:hover>ul, .headerType4 .topLinkLeft .topLinkMenu .moreMenu:hover>ul, .headerType4 .topLinkRight .topLinkMenu .moreMenu:hover>ul, .headerType5 .topLinkLeft .topLinkMenu .moreMenu:hover>ul, .headerType5 .topLinkRight .topLinkMenu .moreMenu:hover>ul {
  opacity: 1
}

.navMenu .moreMenu:hover>ul ul, .topLink .topLinkMenu .moreMenu:hover>ul ul, .headerType4 .topLinkLeft .topLinkMenu .moreMenu:hover>ul ul, .headerType4 .topLinkRight .topLinkMenu .moreMenu:hover>ul ul, .headerType5 .topLinkLeft .topLinkMenu .moreMenu:hover>ul ul, .headerType5 .topLinkRight .topLinkMenu .moreMenu:hover>ul ul {
  left: 100%;
  top: 0
}

.navMenu .multiMenu, .topLink .topLinkMenu .multiMenu, .headerType4 .topLinkLeft .topLinkMenu .multiMenu, .headerType4 .topLinkRight .topLinkMenu .multiMenu, .headerType5 .topLinkLeft .topLinkMenu .multiMenu, .headerType5 .topLinkRight .topLinkMenu .multiMenu {
  position: relative;
  overflow: hidden
}

.navMenu .multiMenu>ul, .topLink .topLinkMenu .multiMenu>ul, .headerType4 .topLinkLeft .topLinkMenu .multiMenu>ul, .headerType4 .topLinkRight .topLinkMenu .multiMenu>ul, .headerType5 .topLinkLeft .topLinkMenu .multiMenu>ul, .headerType5 .topLinkRight .topLinkMenu .multiMenu>ul {
  opacity: 0;
  top: auto;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  width: 62em;
  max-width: 100%;
  max-height: 80vh;
  overflow: hidden;
  overflow-y: auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  display: -webkit-flex;
  -webkit-align-items: flex-start;
  -webkit-justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  padding: 1em
}

.navMenu .multiMenu>ul>li, .topLink .topLinkMenu .multiMenu>ul>li, .headerType4 .topLinkLeft .topLinkMenu .multiMenu>ul>li, .headerType4 .topLinkRight .topLinkMenu .multiMenu>ul>li, .headerType5 .topLinkLeft .topLinkMenu .multiMenu>ul>li, .headerType5 .topLinkRight .topLinkMenu .multiMenu>ul>li {
  width: 12em;
  min-width: 12em;
  padding: 1em;
  max-width: 20%
}

.navMenu .multiMenu>ul>li>a, .topLink .topLinkMenu .multiMenu>ul>li>a, .headerType4 .topLinkLeft .topLinkMenu .multiMenu>ul>li>a, .headerType4 .topLinkRight .topLinkMenu .multiMenu>ul>li>a, .headerType5 .topLinkLeft .topLinkMenu .multiMenu>ul>li>a, .headerType5 .topLinkRight .topLinkMenu .multiMenu>ul>li>a {
  padding: 0 1em
}

.navMenu .multiMenu:hover, .topLink .topLinkMenu .multiMenu:hover, .headerType4 .topLinkLeft .topLinkMenu .multiMenu:hover, .headerType4 .topLinkRight .topLinkMenu .multiMenu:hover, .headerType5 .topLinkLeft .topLinkMenu .multiMenu:hover, .headerType5 .topLinkRight .topLinkMenu .multiMenu:hover {
  position: static;
  overflow: hidden
}

.navMenu .multiMenu:hover>ul, .topLink .topLinkMenu .multiMenu:hover>ul, .headerType4 .topLinkLeft .topLinkMenu .multiMenu:hover>ul, .headerType4 .topLinkRight .topLinkMenu .multiMenu:hover>ul, .headerType5 .topLinkLeft .topLinkMenu .multiMenu:hover>ul, .headerType5 .topLinkRight .topLinkMenu .multiMenu:hover>ul {
  opacity: 1
}

.navMenu>ul, .topLink .topLinkMenu>ul, .headerType4 .topLinkLeft .topLinkMenu>ul, .headerType4 .topLinkRight .topLinkMenu>ul, .headerType5 .topLinkLeft .topLinkMenu>ul, .headerType5 .topLinkRight .topLinkMenu>ul {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1)
}

.navMenu ul, .topLink .topLinkMenu ul, .headerType4 .topLinkLeft .topLinkMenu ul, .headerType4 .topLinkRight .topLinkMenu ul, .headerType5 .topLinkLeft .topLinkMenu ul, .headerType5 .topLinkRight .topLinkMenu ul {
  border-bottom: 3px solid #e62129;
  background: #fff;
  box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05)
}

.navMenu ul a>span, .topLink .topLinkMenu ul a>span, .headerType4 .topLinkLeft .topLinkMenu ul a>span, .headerType4 .topLinkRight .topLinkMenu ul a>span, .headerType5 .topLinkLeft .topLinkMenu ul a>span, .headerType5 .topLinkRight .topLinkMenu ul a>span {
  display: inline-block;
  line-height: 1.35
}

.navMenu ul li, .topLink .topLinkMenu ul li, .headerType4 .topLinkLeft .topLinkMenu ul li, .headerType4 .topLinkRight .topLinkMenu ul li, .headerType5 .topLinkLeft .topLinkMenu ul li, .headerType5 .topLinkRight .topLinkMenu ul li {
  background: #fff;
  border-bottom: 1px solid #eee
}

.navMenu ul li:hover, .topLink .topLinkMenu ul li:hover, .headerType4 .topLinkLeft .topLinkMenu ul li:hover, .headerType4 .topLinkRight .topLinkMenu ul li:hover, .headerType5 .topLinkLeft .topLinkMenu ul li:hover, .headerType5 .topLinkRight .topLinkMenu ul li:hover {
  padding-left: 1.5em;
  padding-right: 0;
  background: rgba(170, 170, 170, 0.2)
}

.navMenu ul li:hover a, .topLink .topLinkMenu ul li:hover a, .headerType4 .topLinkLeft .topLinkMenu ul li:hover a, .headerType4 .topLinkRight .topLinkMenu ul li:hover a, .headerType5 .topLinkLeft .topLinkMenu ul li:hover a, .headerType5 .topLinkRight .topLinkMenu ul li:hover a {
  color: #333
}

.navMenu .moreMenu .moreMenu a:after, .topLink .topLinkMenu .moreMenu .moreMenu a:after, .headerType4 .topLinkLeft .topLinkMenu .moreMenu .moreMenu a:after, .headerType4 .topLinkRight .topLinkMenu .moreMenu .moreMenu a:after, .headerType5 .topLinkLeft .topLinkMenu .moreMenu .moreMenu a:after, .headerType5 .topLinkRight .topLinkMenu .moreMenu .moreMenu a:after {
  color: rgba(51, 51, 51, 0.5);
  font-size: 12px;
  line-height: 32px
}

.navMenu .multiMenu>ul>li, .topLink .topLinkMenu .multiMenu>ul>li, .headerType4 .topLinkLeft .topLinkMenu .multiMenu>ul>li, .headerType4 .topLinkRight .topLinkMenu .multiMenu>ul>li, .headerType5 .topLinkLeft .topLinkMenu .multiMenu>ul>li, .headerType5 .topLinkRight .topLinkMenu .multiMenu>ul>li {
  border: 0
}

.navMenu .multiMenu>ul>li:hover, .topLink .topLinkMenu .multiMenu>ul>li:hover, .headerType4 .topLinkLeft .topLinkMenu .multiMenu>ul>li:hover, .headerType4 .topLinkRight .topLinkMenu .multiMenu>ul>li:hover, .headerType5 .topLinkLeft .topLinkMenu .multiMenu>ul>li:hover, .headerType5 .topLinkRight .topLinkMenu .multiMenu>ul>li:hover {
  background: none;
  padding-left: 1em;
  padding-right: 1em
}

.navMenu .multiMenu>ul ul, .topLink .topLinkMenu .multiMenu>ul ul, .headerType4 .topLinkLeft .topLinkMenu .multiMenu>ul ul, .headerType4 .topLinkRight .topLinkMenu .multiMenu>ul ul, .headerType5 .topLinkLeft .topLinkMenu .multiMenu>ul ul, .headerType5 .topLinkRight .topLinkMenu .multiMenu>ul ul {
  border: 0;
  box-shadow: none
}

.navMenu .multiMenu>ul li a, .topLink .topLinkMenu .multiMenu>ul li a, .headerType4 .topLinkLeft .topLinkMenu .multiMenu>ul li a, .headerType4 .topLinkRight .topLinkMenu .multiMenu>ul li a, .headerType5 .topLinkLeft .topLinkMenu .multiMenu>ul li a, .headerType5 .topLinkRight .topLinkMenu .multiMenu>ul li a {
  line-height: 1.35
}

.navMenu .multiMenu>ul>li>a, .topLink .topLinkMenu .multiMenu>ul>li>a, .headerType4 .topLinkLeft .topLinkMenu .multiMenu>ul>li>a, .headerType4 .topLinkRight .topLinkMenu .multiMenu>ul>li>a, .headerType5 .topLinkLeft .topLinkMenu .multiMenu>ul>li>a, .headerType5 .topLinkRight .topLinkMenu .multiMenu>ul>li>a {
  font-weight: bold;
  border-bottom: 1px solid #333333;
  color: #f12b34
}

.navMenu .multiMenu>ul>li>a span, .topLink .topLinkMenu .multiMenu>ul>li>a span, .headerType4 .topLinkLeft .topLinkMenu .multiMenu>ul>li>a span, .headerType4 .topLinkRight .topLinkMenu .multiMenu>ul>li>a span, .headerType5 .topLinkLeft .topLinkMenu .multiMenu>ul>li>a span, .headerType5 .topLinkRight .topLinkMenu .multiMenu>ul>li>a span {
  line-height: 1.8
}

.navMenu li {
  padding: 0 16px
}

.navMenu li a {
  display: block
}

.navMenu>li {
  padding-left: 0;
  padding-right: 0;
  vertical-align: top
}

.navMenu>li>a {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: -webkit-inline-flex;
  -webkit-flex-direction: row;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  height: 79px
}

@media (max-width: 1140px) {
  .navMenu>li>a {
    padding-left: .3em;
    padding-right: .3em
  }
}

.navMenu>li:hover {
  position: relative
}

.navMenu>li:hover>a {
  position: relative
}

.navMenu>li:hover>a>*, .navMenu>li:hover>a:after {
  position: relative;
  z-index: 100
}

.navMenu>li:hover>a:before {
  content: '';
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-style: solid
}

.navMenu .overEdge {
  overflow-y: auto;
  max-height: 80vh
}

.navMenu .overEdge, .navMenu .overEdge * {
  transition: none;
  -webkit-transition: none
}

@media (max-width: 1024px) {
  .navMenu {
    display: none;
    max-height: 80vh;
    width: 100%;
    overflow-y: auto;
    padding-left: 32px;
    padding-right: 32px
  }
  .navMenu.open {
    display: block
  }
  .navMenu li {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0
  }
  .navMenu li a {
    display: inline-block;
    padding-top: 1em;
    padding-bottom: 1em;
    width: 100%;
    text-align: left
  }
  .navMenu li a:after {
    position: absolute;
    right: 0.5em
  }
  .navMenu>li>a {
    height: auto;
    padding-left: 0
  }
  .navMenu .moreMenu li {
    padding-top: 0;
    padding-bottom: 0
  }
  .navMenu .moreMenu>ul {
    display: none;
    opacity: 1;
    position: static
  }
  .navMenu .moreMenu:hover>ul {
    display: none
  }
  .navMenu .moreMenu .open, .navMenu .moreMenu:hover .open {
    display: block
  }
  .navMenu .moreMenu a:after {
    position: absolute
  }
  .navMenu .moreMenu .moreMenu>a:after {
    content: "\f107";
    font-size: 1em
  }
  .navMenu .multiMenu ul {
    display: none
  }
  .navMenu .multiMenu>ul {
    padding: 0;
    width: 100%;
    max-height: none;
    transform: none;
    -webkit-transform: none
  }
  .navMenu .multiMenu>ul>li {
    width: auto;
    max-width: 100%;
    padding: 0;
    padding-left: 1em
  }
  .navMenu .multiMenu>ul>li>a {
    position: relative;
    padding: 1em
  }
  .navMenu .multiMenu>ul>li>a:after {
    font-family: FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f107"
  }
  .navMenu .multiMenu li {
    padding-left: 1em;
    padding-right: 0
  }
  .navMenu .multiMenu li a {
    padding: 1em
  }
}

.topLink, .headerType4 .topLinkLeft, .headerType4 .topLinkRight, .headerType5 .topLinkLeft, .headerType5 .topLinkRight {
  line-height: 1.35;
  height: 30px;
  position: relative;
  opacity: 1
}

.topLink .topLinkMenu, .headerType4 .topLinkLeft .topLinkMenu, .headerType4 .topLinkRight .topLinkMenu, .headerType5 .topLinkLeft .topLinkMenu, .headerType5 .topLinkRight .topLinkMenu {
  float: right;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  display: -webkit-inline-flex;
  -webkit-align-items: center;
  -webkit-justify-content: flex-end
}

.topLink .topLinkMenu *, .headerType4 .topLinkLeft .topLinkMenu *, .headerType4 .topLinkRight .topLinkMenu *, .headerType5 .topLinkLeft .topLinkMenu *, .headerType5 .topLinkRight .topLinkMenu * {
  line-height: 1.4;
  font-size: 15px
}

.topLink .topLinkMenu, .headerType4 .topLinkLeft .topLinkMenu, .headerType4 .topLinkRight .topLinkMenu, .headerType5 .topLinkLeft .topLinkMenu, .headerType5 .topLinkRight .topLinkMenu, .topLink .topLinkMenu ul, .headerType4 .topLinkLeft .topLinkMenu ul, .headerType4 .topLinkRight .topLinkMenu ul, .headerType5 .topLinkLeft .topLinkMenu ul, .headerType5 .topLinkRight .topLinkMenu ul {
  margin: 0;
  padding: 0;
  list-style: none
}

.topLink .topLinkMenu, .headerType4 .topLinkLeft .topLinkMenu, .headerType4 .topLinkRight .topLinkMenu, .headerType5 .topLinkLeft .topLinkMenu, .headerType5 .topLinkRight .topLinkMenu {
  padding: 5px 1em 4px
}

.topLink .topLinkMenu ul li, .headerType4 .topLinkLeft .topLinkMenu ul li, .headerType4 .topLinkRight .topLinkMenu ul li, .headerType5 .topLinkLeft .topLinkMenu ul li, .headerType5 .topLinkRight .topLinkMenu ul li {
  padding: 0.5em 1em
}

.topLink .topLinkMenu ul a, .headerType4 .topLinkLeft .topLinkMenu ul a, .headerType4 .topLinkRight .topLinkMenu ul a, .headerType5 .topLinkLeft .topLinkMenu ul a, .headerType5 .topLinkRight .topLinkMenu ul a {
  display: block
}

.topLink .topLinkMenu>li+li:before, .headerType4 .topLinkLeft .topLinkMenu>li+li:before, .headerType4 .topLinkRight .topLinkMenu>li+li:before, .headerType5 .topLinkLeft .topLinkMenu>li+li:before, .headerType5 .topLinkRight .topLinkMenu>li+li:before {
  content: ' ';
  padding: 0 .8em
}

.topLink .topLinkMenu>li.moreMenu:before, .headerType4 .topLinkLeft .topLinkMenu>li.moreMenu:before, .headerType4 .topLinkRight .topLinkMenu>li.moreMenu:before, .headerType5 .topLinkLeft .topLinkMenu>li.moreMenu:before, .headerType5 .topLinkRight .topLinkMenu>li.moreMenu:before {
  content: ' ';
  display: inline-block;
  width: 1px;
  height: 12px;
  background: #359498;
  margin: 0 1em;
  padding: 0
}

.topLink .topLinkMenu>li.moreMenu i, .headerType4 .topLinkLeft .topLinkMenu>li.moreMenu i, .headerType4 .topLinkRight .topLinkMenu>li.moreMenu i, .headerType5 .topLinkLeft .topLinkMenu>li.moreMenu i, .headerType5 .topLinkRight .topLinkMenu>li.moreMenu i {
  display: none
}

.topLink .topLinkMenu>li>a i, .headerType4 .topLinkLeft .topLinkMenu>li>a i, .headerType4 .topLinkRight .topLinkMenu>li>a i, .headerType5 .topLinkLeft .topLinkMenu>li>a i, .headerType5 .topLinkRight .topLinkMenu>li>a i {
  padding-right: .1em;
  color: #fff
}

@media (max-width: 1024px) {
  .topLink, .headerType4 .topLinkLeft, .headerType4 .topLinkRight, .headerType5 .topLinkLeft, .headerType5 .topLinkRight {
    opacity: 1;
    display: block;
    height: auto;
  }
  .topLink .topLinkContent, .headerType4 .topLinkLeft .topLinkContent, .headerType4 .topLinkRight .topLinkContent, .headerType5 .topLinkLeft .topLinkContent, .headerType5 .topLinkRight .topLinkContent {
    padding: 0
  }
  .topLink .topLinkMenu, .headerType4 .topLinkLeft .topLinkMenu, .headerType4 .topLinkRight .topLinkMenu, .headerType5 .topLinkLeft .topLinkMenu, .headerType5 .topLinkRight .topLinkMenu {
    float: none;
    display: flex;
    align-items: center;
    justify-content: space-around;
    display: -webkit-flex;
    -webkit-align-items: center;
    -webkit-justify-content: space-around;
    height: 50px
  }
  .topLink .topLinkMenu .moreMenu>ul, .headerType4 .topLinkLeft .topLinkMenu .moreMenu>ul, .headerType4 .topLinkRight .topLinkMenu .moreMenu>ul, .headerType5 .topLinkLeft .topLinkMenu .moreMenu>ul, .headerType5 .topLinkRight .topLinkMenu .moreMenu>ul {
    position: fixed;
    z-index: 0;
    top: auto;
    bottom: 50px;
    left: 0 !important;
    right: 0 !important;
    display: none;
    opacity: 1
  }
  .topLink .topLinkMenu .moreMenu:hover ul, .headerType4 .topLinkLeft .topLinkMenu .moreMenu:hover ul, .headerType4 .topLinkRight .topLinkMenu .moreMenu:hover ul, .headerType5 .topLinkLeft .topLinkMenu .moreMenu:hover ul, .headerType5 .topLinkRight .topLinkMenu .moreMenu:hover ul {
    display: none
  }
  .topLink .topLinkMenu .moreMenu .open, .headerType4 .topLinkLeft .topLinkMenu .moreMenu .open, .headerType4 .topLinkRight .topLinkMenu .moreMenu .open, .headerType5 .topLinkLeft .topLinkMenu .moreMenu .open, .headerType5 .topLinkRight .topLinkMenu .moreMenu .open, .topLink .topLinkMenu .moreMenu:hover .open, .headerType4 .topLinkLeft .topLinkMenu .moreMenu:hover .open, .headerType4 .topLinkRight .topLinkMenu .moreMenu:hover .open, .headerType5 .topLinkLeft .topLinkMenu .moreMenu:hover .open, .headerType5 .topLinkRight .topLinkMenu .moreMenu:hover .open {
    display: block
  }
  .topLink .topLinkMenu .moreMenu>a, .headerType4 .topLinkLeft .topLinkMenu .moreMenu>a, .headerType4 .topLinkRight .topLinkMenu .moreMenu>a, .headerType5 .topLinkLeft .topLinkMenu .moreMenu>a, .headerType5 .topLinkRight .topLinkMenu .moreMenu>a {
    flex-wrap: wrap;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -webkit-justify-content: center
  }
  .topLink .topLinkMenu .moreMenu>a>span, .headerType4 .topLinkLeft .topLinkMenu .moreMenu>a>span, .headerType4 .topLinkRight .topLinkMenu .moreMenu>a>span, .headerType5 .topLinkLeft .topLinkMenu .moreMenu>a>span, .headerType5 .topLinkRight .topLinkMenu .moreMenu>a>span {
    width: auto
  }
  .topLink .topLinkMenu>li, .headerType4 .topLinkLeft .topLinkMenu>li, .headerType4 .topLinkRight .topLinkMenu>li, .headerType5 .topLinkLeft .topLinkMenu>li, .headerType5 .topLinkRight .topLinkMenu>li {
    padding: 0
  }
  .topLink .topLinkMenu>li>a *, .headerType4 .topLinkLeft .topLinkMenu>li>a *, .headerType4 .topLinkRight .topLinkMenu>li>a *, .headerType5 .topLinkLeft .topLinkMenu>li>a *, .headerType5 .topLinkRight .topLinkMenu>li>a * {
    display: inline-block;
    text-align: center;
    margin: 0
  }
  .topLink .topLinkMenu>li>a i, .headerType4 .topLinkLeft .topLinkMenu>li>a i, .headerType4 .topLinkRight .topLinkMenu>li>a i, .headerType5 .topLinkLeft .topLinkMenu>li>a i, .headerType5 .topLinkRight .topLinkMenu>li>a i {
    padding-left: 0;
    padding-right: 0
  }
  .topLink .topLinkMenu>li+li:before, .headerType4 .topLinkLeft .topLinkMenu>li+li:before, .headerType4 .topLinkRight .topLinkMenu>li+li:before, .headerType5 .topLinkLeft .topLinkMenu>li+li:before, .headerType5 .topLinkRight .topLinkMenu>li+li:before {
    content: '';
    display: none
  }
}

.navBar .navMenu>li>a {
  transition-duration: .1s;
  -webkit-transition-duration: .1s
}

@media (min-width: 1025px) {
  .headerType3.scroll, .headerType4.scroll, .headerType5.scroll, .headerType6.scroll {
    animation: scroll_animation .3s;
    animation-timing-function: linear;
    animation-fill-mode: both;
    -webkit-animation: scroll_animation .3s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-fill-mode: both;
    opacity: 0;
    top: -50px
  }
  @keyframes scroll_animation {
    from {
      opacity: 0;
      top: -50px
    }
    to {
      opacity: 1;
      top: 0
    }
  }
  @-webkit-keyframes scroll_animation {
    from {
      opacity: 0;
      top: -50px
    }
    to {
      opacity: 1;
      top: 0
    }
  }
}

@media (max-width: 1024px) {
  .header {
    transition: none;
    -webkit-transition: none
  }
  .header.scroll[data-scroll='up'] {
    top: 0
  }
  .header.scroll[data-scroll='down'] {
    top: -100%
  }
}

.headerType1, .headerType2, .headerType3, .headerType4, .headerType5, .headerType6 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000
}

.scroll.headerType1 .navBar .navBarContent .bugfix_1, .scroll.headerType2 .navBar .navBarContent .bugfix_1, .scroll.headerType3 .navBar .navBarContent .bugfix_1, .scroll.headerType4 .navBar .navBarContent .bugfix_1, .scroll.headerType5 .navBar .navBarContent .bugfix_1, .scroll.headerType6 .navBar .navBarContent .bugfix_1 {
  padding: 10px 15px;
}

.scroll.headerType1 .navBar .navBarContent .bugfix_2, .scroll.headerType2 .navBar .navBarContent .bugfix_2, .scroll.headerType3 .navBar .navBarContent .bugfix_2, .scroll.headerType4 .navBar .navBarContent .bugfix_2, .scroll.headerType5 .navBar .navBarContent .bugfix_2, .scroll.headerType6 .navBar .navBarContent .bugfix_2 {
  position: relative;
  right: auto
}

.scroll.headerType1 .brandLogo img, .scroll.headerType2 .brandLogo img, .scroll.headerType3 .brandLogo img, .scroll.headerType4 .brandLogo img, .scroll.headerType5 .brandLogo img, .scroll.headerType6 .brandLogo img {
  height: 30px;
  max-width: none;
}

.scroll.headerType1 .navMenu>li>a, .scroll.headerType2 .navMenu>li>a, .scroll.headerType3 .navMenu>li>a, .scroll.headerType4 .navMenu>li>a, .scroll.headerType5 .navMenu>li>a, .scroll.headerType6 .navMenu>li>a {
  height: 50px
}

.scroll.headerType1 .topLink, .scroll.headerType2 .topLink, .scroll.headerType3 .topLink, .scroll.headerType4 .topLink, .scroll.headerType5 .topLink, .scroll.headerType6 .topLink, .scroll.headerType1 .headerType4 .topLinkLeft, .headerType4 .scroll.headerType1 .topLinkLeft, .scroll.headerType2 .headerType4 .topLinkLeft, .headerType4 .scroll.headerType2 .topLinkLeft, .scroll.headerType3 .headerType4 .topLinkLeft, .headerType4 .scroll.headerType3 .topLinkLeft, .scroll.headerType4 .topLinkLeft, .scroll.headerType6 .headerType4 .topLinkLeft, .headerType4 .scroll.headerType6 .topLinkLeft, .scroll.headerType1 .headerType4 .topLinkRight, .headerType4 .scroll.headerType1 .topLinkRight, .scroll.headerType2 .headerType4 .topLinkRight, .headerType4 .scroll.headerType2 .topLinkRight, .scroll.headerType3 .headerType4 .topLinkRight, .headerType4 .scroll.headerType3 .topLinkRight, .scroll.headerType4 .topLinkRight, .scroll.headerType6 .headerType4 .topLinkRight, .headerType4 .scroll.headerType6 .topLinkRight, .scroll.headerType1 .headerType5 .topLinkLeft, .headerType5 .scroll.headerType1 .topLinkLeft, .scroll.headerType2 .headerType5 .topLinkLeft, .headerType5 .scroll.headerType2 .topLinkLeft, .scroll.headerType3 .headerType5 .topLinkLeft, .headerType5 .scroll.headerType3 .topLinkLeft, .scroll.headerType5 .topLinkLeft, .scroll.headerType6 .headerType5 .topLinkLeft, .headerType5 .scroll.headerType6 .topLinkLeft, .scroll.headerType1 .headerType5 .topLinkRight, .headerType5 .scroll.headerType1 .topLinkRight, .scroll.headerType2 .headerType5 .topLinkRight, .headerType5 .scroll.headerType2 .topLinkRight, .scroll.headerType3 .headerType5 .topLinkRight, .headerType5 .scroll.headerType3 .topLinkRight, .scroll.headerType5 .topLinkRight, .scroll.headerType6 .headerType5 .topLinkRight, .headerType5 .scroll.headerType6 .topLinkRight {
  height: 0;
  opacity: 0;
  overflow: hidden
}

@media (max-width: 1024px) {
  .scroll.headerType1 .topLink, .scroll.headerType2 .topLink, .scroll.headerType3 .topLink, .scroll.headerType4 .topLink, .scroll.headerType5 .topLink, .scroll.headerType6 .topLink, .scroll.headerType1 .headerType4 .topLinkLeft, .headerType4 .scroll.headerType1 .topLinkLeft, .scroll.headerType2 .headerType4 .topLinkLeft, .headerType4 .scroll.headerType2 .topLinkLeft, .scroll.headerType3 .headerType4 .topLinkLeft, .headerType4 .scroll.headerType3 .topLinkLeft, .scroll.headerType4 .topLinkLeft, .scroll.headerType6 .headerType4 .topLinkLeft, .headerType4 .scroll.headerType6 .topLinkLeft, .scroll.headerType1 .headerType4 .topLinkRight, .headerType4 .scroll.headerType1 .topLinkRight, .scroll.headerType2 .headerType4 .topLinkRight, .headerType4 .scroll.headerType2 .topLinkRight, .scroll.headerType3 .headerType4 .topLinkRight, .headerType4 .scroll.headerType3 .topLinkRight, .scroll.headerType4 .topLinkRight, .scroll.headerType6 .headerType4 .topLinkRight, .headerType4 .scroll.headerType6 .topLinkRight, .scroll.headerType1 .headerType5 .topLinkLeft, .headerType5 .scroll.headerType1 .topLinkLeft, .scroll.headerType2 .headerType5 .topLinkLeft, .headerType5 .scroll.headerType2 .topLinkLeft, .scroll.headerType3 .headerType5 .topLinkLeft, .headerType5 .scroll.headerType3 .topLinkLeft, .scroll.headerType5 .topLinkLeft, .scroll.headerType6 .headerType5 .topLinkLeft, .headerType5 .scroll.headerType6 .topLinkLeft, .scroll.headerType1 .headerType5 .topLinkRight, .headerType5 .scroll.headerType1 .topLinkRight, .scroll.headerType2 .headerType5 .topLinkRight, .headerType5 .scroll.headerType2 .topLinkRight, .scroll.headerType3 .headerType5 .topLinkRight, .headerType5 .scroll.headerType3 .topLinkRight, .scroll.headerType5 .topLinkRight, .scroll.headerType6 .headerType5 .topLinkRight, .headerType5 .scroll.headerType6 .topLinkRight {
    height: auto;
    opacity: 1;
    overflow: visible
  }
}

.headerType1 .brandLogo img, .headerType2 .brandLogo img, .headerType3 .brandLogo img, .headerType4 .brandLogo img, .headerType5 .brandLogo img, .headerType6 .brandLogo img {
  height: 59px
}

@media (max-width: 1024px) {
  .headerType1 .brandLogo img, .headerType2 .brandLogo img, .headerType3 .brandLogo img, .headerType4 .brandLogo img, .headerType5 .brandLogo img, .headerType6 .brandLogo img {
    max-width: 100%;
    height: 40px
  }
}

.headerType1 .navBar, .headerType2 .navBar, .headerType3 .navBar, .headerType4 .navBar, .headerType5 .navBar, .headerType6 .navBar {
  position: relative
}

.headerType1 .navBar .navBarContent .bugfix_1, .headerType2 .navBar .navBarContent .bugfix_1, .headerType3 .navBar .navBarContent .bugfix_1, .headerType4 .navBar .navBarContent .bugfix_1, .headerType5 .navBar .navBarContent .bugfix_1, .headerType6 .navBar .navBarContent .bugfix_1 {
  padding: 10px 0
}

.headerType1 .navBar .navBarContent .bugfix_2, .headerType2 .navBar .navBarContent .bugfix_2, .headerType3 .navBar .navBarContent .bugfix_2, .headerType4 .navBar .navBarContent .bugfix_2, .headerType5 .navBar .navBarContent .bugfix_2, .headerType6 .navBar .navBarContent .bugfix_2 {
  position: absolute;
  right: 0;
  top: 0;
}

@media (max-width: 1024px) {
  .headerType1 .navBar, .headerType2 .navBar, .headerType3 .navBar, .headerType4 .navBar, .headerType5 .navBar, .headerType6 .navBar {
    padding-right: 0;
    padding-left: 0;
    position: relative;
    z-index: 1000
  }
  .headerType1 .navBar .navBarContent, .headerType2 .navBar .navBarContent, .headerType3 .navBar .navBarContent, .headerType4 .navBar .navBarContent, .headerType5 .navBar .navBarContent, .headerType6 .navBar .navBarContent {
    flex-direction: column;
    -webkit-flex-direction: column
  }
  .headerType1 .navBar .navBarContent>*, .headerType2 .navBar .navBarContent>*, .headerType3 .navBar .navBarContent>*, .headerType4 .navBar .navBarContent>*, .headerType5 .navBar .navBarContent>*, .headerType6 .navBar .navBarContent>* {
    width: 100%
  }
  .headerType1 .navBar .navBarContent>*:first-child, .headerType2 .navBar .navBarContent>*:first-child, .headerType3 .navBar .navBarContent>*:first-child, .headerType4 .navBar .navBarContent>*:first-child, .headerType5 .navBar .navBarContent>*:first-child, .headerType6 .navBar .navBarContent>*:first-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
    display: -webkit-flex;
    -webkit-align-items: center;
    -webkit-justify-content: space-between;
    padding-left: 16px;
    padding-right: 16px;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap
  }
}

.headerType3.scroll .navBar .navBarContent {
  padding: 0 16px
}

@media (max-width: 1024px) {
  .headerType3.scroll .navBar .navBarContent {
    padding: 0
  }
}

@media (min-width: 1025px) {
  .headerType3.scroll .topLink, .headerType3.scroll .headerType4 .topLinkLeft, .headerType4 .headerType3.scroll .topLinkLeft, .headerType3.scroll .headerType4 .topLinkRight, .headerType4 .headerType3.scroll .topLinkRight, .headerType3.scroll .headerType5 .topLinkLeft, .headerType5 .headerType3.scroll .topLinkLeft, .headerType3.scroll .headerType5 .topLinkRight, .headerType5 .headerType3.scroll .topLinkRight {
    display: none
  }
}

.headerType3 .navBar .navBarContent>*:nth-child(1) {
  position: relative;
  z-index: 100
}

.headerType3 .navBar .navBarContent>*:nth-child(2) {
  text-align: center
}

.headerType3 .navMenu>li>a {
  height: 50px
}

.headerType3 .navMenu * {
  text-align: left
}

.headerType3 .topLink .topLinkMenu>.moreMenu>ul, .headerType3 .headerType4 .topLinkLeft .topLinkMenu>.moreMenu>ul, .headerType4 .headerType3 .topLinkLeft .topLinkMenu>.moreMenu>ul, .headerType3 .headerType4 .topLinkRight .topLinkMenu>.moreMenu>ul, .headerType4 .headerType3 .topLinkRight .topLinkMenu>.moreMenu>ul, .headerType3 .headerType5 .topLinkLeft .topLinkMenu>.moreMenu>ul, .headerType5 .headerType3 .topLinkLeft .topLinkMenu>.moreMenu>ul, .headerType3 .headerType5 .topLinkRight .topLinkMenu>.moreMenu>ul, .headerType5 .headerType3 .topLinkRight .topLinkMenu>.moreMenu>ul {
  left: auto !important;
  right: 0 !important
}

@media (max-width: 1024px) {
  .headerType3 .topLink .topLinkMenu>.moreMenu>ul, .headerType3 .headerType4 .topLinkLeft .topLinkMenu>.moreMenu>ul, .headerType4 .headerType3 .topLinkLeft .topLinkMenu>.moreMenu>ul, .headerType3 .headerType4 .topLinkRight .topLinkMenu>.moreMenu>ul, .headerType4 .headerType3 .topLinkRight .topLinkMenu>.moreMenu>ul, .headerType3 .headerType5 .topLinkLeft .topLinkMenu>.moreMenu>ul, .headerType5 .headerType3 .topLinkLeft .topLinkMenu>.moreMenu>ul, .headerType3 .headerType5 .topLinkRight .topLinkMenu>.moreMenu>ul, .headerType5 .headerType3 .topLinkRight .topLinkMenu>.moreMenu>ul {
    left: 0 !important
  }
}

.headerType4 .navMenu>li>a {
  height: 50px
}

.headerType4.scroll .navBar .navBarContent {
  padding: 0 16px
}

@media (max-width: 1024px) {
  .headerType4.scroll .navBar .navBarContent {
    padding: 0
  }
}

@media (min-width: 1025px) {
  .headerType4.scroll .navMenu {
    display: block
  }
}

@media (min-width: 1025px) {
  .headerType4 .navMenu {
    display: none
  }
}

.headerType4 .brandLogo {
  text-align: center
}

.headerType4>.topLink, .headerType4>.topLinkLeft, .headerType4>.topLinkRight, .headerType5 .headerType4>.topLinkLeft, .headerType5 .headerType4>.topLinkRight {
  display: none
}

@media (max-width: 1024px) {
  .headerType4>.topLink, .headerType4>.topLinkLeft, .headerType4>.topLinkRight, .headerType5 .headerType4>.topLinkLeft, .headerType5 .headerType4>.topLinkRight {
    display: block
  }
}

.headerType4 .topLinkLeft, .headerType4 .topLinkRight {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%)
}

@media (max-width: 1024px) {
  .headerType4 .topLinkLeft, .headerType4 .topLinkRight {
    display: none
  }
}

.headerType4 .topLinkLeft {
  left: 0
}

.headerType4 .topLinkRight {
  right: 0
}

.headerType4 .topLinkRight .topLinkMenu>.moreMenu>ul {
  left: auto !important;
  right: 0 !important
}

.headerType5.scroll .navBar .navBarContent {
  padding: 0 16px
}

@media (max-width: 1024px) {
  .headerType5.scroll .navBar .navBarContent {
    padding: 0
  }
}

.headerType5 .navBar .navBarContent>*:nth-child(1) {
  position: relative;
  z-index: 100
}

.headerType5 .navBar .navBarContent>*:nth-child(2) {
  text-align: center
}

.headerType5 .navMenu>li>a {
  height: 50px
}

.headerType5 .navMenu * {
  text-align: left
}

.headerType5 .brandLogo {
  text-align: center
}

.headerType5>.topLink, .headerType4 .headerType5>.topLinkLeft, .headerType4 .headerType5>.topLinkRight, .headerType5>.topLinkLeft, .headerType5>.topLinkRight {
  display: none
}

@media (max-width: 1024px) {
  .headerType5>.topLink, .headerType4 .headerType5>.topLinkLeft, .headerType4 .headerType5>.topLinkRight, .headerType5>.topLinkLeft, .headerType5>.topLinkRight {
    display: block
  }
}

.headerType5 .topLinkLeft, .headerType5 .topLinkRight {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%)
}

@media (max-width: 1024px) {
  .headerType5 .topLinkLeft, .headerType5 .topLinkRight {
    display: none
  }
}

.headerType5 .topLinkLeft {
  left: 0
}

.headerType5 .topLinkRight {
  right: 0
}

.headerType5 .topLinkRight .topLinkMenu>.moreMenu>ul {
  left: auto !important;
  right: 0 !important
}

.headerType6 {
  z-index: 100
}

.headerType6.navMenuBlock {
  position: relative;
  z-index: 99
}

.headerType6.scroll {
  z-index: 10000
}

.headerType6.scroll .navBar {
  padding: 0
}

.headerType6.scroll .navBar .navBarContent {
  padding: 0 16px
}

@media (max-width: 1024px) {
  .headerType6.scroll .navBar .navBarContent {
    padding: 0
  }
}

@media (min-width: 1025px) {
  .headerType6.scroll .topLink, .headerType6.scroll .headerType4 .topLinkLeft, .headerType4 .headerType6.scroll .topLinkLeft, .headerType6.scroll .headerType4 .topLinkRight, .headerType4 .headerType6.scroll .topLinkRight, .headerType6.scroll .headerType5 .topLinkLeft, .headerType5 .headerType6.scroll .topLinkLeft, .headerType6.scroll .headerType5 .topLinkRight, .headerType5 .headerType6.scroll .topLinkRight {
    display: none
  }
}

@media (min-width: 1025px) {
  .headerType6.scroll .navMenu {
    display: block
  }
}

.headerType6 .navBar {
  position: relative
}

.headerType6 .navBar .navBarContent>*:nth-child(1) {
  position: relative;
  z-index: 100
}

.headerType6 .navMenu>li>a {
  height: 50px
}

@media (min-width: 1025px) {
  .headerType6 .navMenu {
    display: none
  }
}

.headerType6 .topLink .topLinkMenu>li>a, .headerType6 .headerType4 .topLinkLeft .topLinkMenu>li>a, .headerType4 .headerType6 .topLinkLeft .topLinkMenu>li>a, .headerType6 .headerType4 .topLinkRight .topLinkMenu>li>a, .headerType4 .headerType6 .topLinkRight .topLinkMenu>li>a, .headerType6 .headerType5 .topLinkLeft .topLinkMenu>li>a, .headerType5 .headerType6 .topLinkLeft .topLinkMenu>li>a, .headerType6 .headerType5 .topLinkRight .topLinkMenu>li>a, .headerType5 .headerType6 .topLinkRight .topLinkMenu>li>a {
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
  -webkit-text-shadow: 0 0 5px rgba(0, 0, 0, 0.7)
}

.headerType6 .topLink .topLinkMenu>li>a:hover, .headerType6 .headerType4 .topLinkLeft .topLinkMenu>li>a:hover, .headerType4 .headerType6 .topLinkLeft .topLinkMenu>li>a:hover, .headerType6 .headerType4 .topLinkRight .topLinkMenu>li>a:hover, .headerType4 .headerType6 .topLinkRight .topLinkMenu>li>a:hover, .headerType6 .headerType5 .topLinkLeft .topLinkMenu>li>a:hover, .headerType5 .headerType6 .topLinkLeft .topLinkMenu>li>a:hover, .headerType6 .headerType5 .topLinkRight .topLinkMenu>li>a:hover, .headerType5 .headerType6 .topLinkRight .topLinkMenu>li>a:hover {
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.7);
  -webkit-text-shadow: 0 0 5px rgba(255, 255, 255, 0.7)
}

@media (max-width: 1024px) {
  .headerType6 .topLink .topLinkMenu>li>a, .headerType6 .headerType4 .topLinkLeft .topLinkMenu>li>a, .headerType4 .headerType6 .topLinkLeft .topLinkMenu>li>a, .headerType6 .headerType4 .topLinkRight .topLinkMenu>li>a, .headerType4 .headerType6 .topLinkRight .topLinkMenu>li>a, .headerType6 .headerType5 .topLinkLeft .topLinkMenu>li>a, .headerType5 .headerType6 .topLinkLeft .topLinkMenu>li>a, .headerType6 .headerType5 .topLinkRight .topLinkMenu>li>a, .headerType5 .headerType6 .topLinkRight .topLinkMenu>li>a, .headerType6 .topLink .topLinkMenu>li>a:hover, .headerType6 .headerType4 .topLinkLeft .topLinkMenu>li>a:hover, .headerType4 .headerType6 .topLinkLeft .topLinkMenu>li>a:hover, .headerType6 .headerType4 .topLinkRight .topLinkMenu>li>a:hover, .headerType4 .headerType6 .topLinkRight .topLinkMenu>li>a:hover, .headerType6 .headerType5 .topLinkLeft .topLinkMenu>li>a:hover, .headerType5 .headerType6 .topLinkLeft .topLinkMenu>li>a:hover, .headerType6 .headerType5 .topLinkRight .topLinkMenu>li>a:hover, .headerType5 .headerType6 .topLinkRight .topLinkMenu>li>a:hover {
    text-shadow: none;
    -webkit-text-shadow: none
  }
}

.navMenuBlock {
  position: static
}

.navMenuBlock .navMenu {
  display: table;
  margin: auto
}

@media (max-width: 1024px) {
  .navMenuBlock {
    display: none
  }
}

.banner.bgFix {
  height: 350px;
  position: relative;
  overflow: hidden;
  background-attachment: fixed;
  transition: height .5s ease-out;
  -webkit-transition: height .5s ease-out
}

.banner.bgFix img {
  height: 350px;
  width: auto;
  max-width: none;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transition: none;
  -webkit-transition: none
}

.banner.bgFix .mb {
  display: none
}

@media (max-width: 1024px) {
  .banner.bgFix {
    height: auto !important;
    transition: none;
    -webkit-transition: none
  }
  .banner.bgFix .pc {
    display: none
  }
  .banner.bgFix .mb {
    display: block
  }
  .banner.bgFix img {
    height: auto;
    width: auto;
    max-width: 100%;
    position: static;
    transform: none;
    -webkit-transform: none
  }
}

.banner.slideBanner {
  position: relative;
  overflow: hidden
}

.banner.slideBanner .slideItem {
  margin: 0;
  padding: 0
}

.banner.slideBanner .slideItem img {
  width: 100%
}

.banner.slideBanner .pc2 {
  position: absolute;
  top: 0;
  opacity: 0
}

.banner.slideBanner img.mb {
  display: none
}

.banner.slideBanner .slick-current img.pc2 {
  -webkit-animation: pc2show 1.5s .3s forwards;
  animation: pc2show 1.5s .3s forwards
}

@-webkit-keyframes pc2show {
  0% {
    opacity: 0;
    -webkit-transform: translate(30px, 0);
    -o-transform: translate(30px, 0);
    transform: translate(30px, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@keyframes pc2show {
  0% {
    opacity: 0;
    -webkit-transform: translate(30px, 0);
    -o-transform: translate(30px, 0);
    transform: translate(30px, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@media (max-width: 1024px) {
  .banner.slideBanner img.mb {
    display: block
  }
  .banner.slideBanner img.pc {
    display: none
  }
  .banner.slideBanner img.pc2 {
    display: none
  }
}

.banner.slideBanner .slick-arrow {
  padding: 10px !important;
  cursor: pointer
}

@media (max-width: 768px) {
  .banner.slideBanner .slick-arrow {
    display: none !important
  }
}

.banner.slideBanner .slick-arrow.slick-prev {
  left: 0
}

.banner.slideBanner .slick-arrow.slick-prev:after {
  content: '';
  display: block;
  position: absolute;
  top: 56%;
  left: 50%;
  width: 74px;
  height: 12px;
  background: url("../images/btnleft2.svg") no-repeat;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out
}

.banner.slideBanner .slick-arrow.slick-prev:hover img {
  opacity: 0
}

.banner.slideBanner .slick-arrow.slick-prev:hover:after {
  opacity: 1
}

.banner.slideBanner .slick-arrow.slick-next {
  right: 0
}

.banner.slideBanner .slick-arrow.slick-next:after {
  content: '';
  display: block;
  position: absolute;
  top: 56%;
  left: 50%;
  width: 74px;
  height: 12px;
  background: url("../images/btnright2.svg") no-repeat;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out
}

.banner.slideBanner .slick-arrow.slick-next:hover img {
  opacity: 0
}

.banner.slideBanner .slick-arrow.slick-next:hover:after {
  opacity: 1
}

.banner.slideBanner:hover .slick-arrow.slick-prev {
  left: 2em
}

.banner.slideBanner:hover .slick-arrow.slick-next {
  right: 2em
}

.banner.layerBanner {
  background: #fff
}

.banner.layerBanner .slick-track, .banner.layerBanner .slick-list {
  height: 100%
}

.banner.layerBanner .layerItem img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%)
}

@media (orientation: landscape) {
  .banner.layerBanner .layerItem img {
    height: 100%;
    width: auto;
    max-width: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
  }
}

.bannerBlock {
  position: relative
}

.bannerBlock .scrollDown {
  position: absolute;
  z-index: 10;
  left: 50%;
  bottom: 0;
  cursor: pointer;
  -webkit-animation: scrollDown 2s ease-in-out infinite;
  animation: scrollDown 2s ease-in-out infinite
}

@media (max-width: 768px) {
  .bannerBlock .scrollDown {
    display: none
  }
}

@-webkit-keyframes scrollDown {
  0% {
    -webkit-transform: translate(-50%, -25%);
    -o-transform: translate(-50%, -25%);
    transform: translate(-50%, -25%)
  }
  33% {
    -webkit-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%)
  }
  100% {
    -webkit-transform: translate(-50%, -25%);
    -o-transform: translate(-50%, -25%);
    transform: translate(-50%, -25%)
  }
}

@keyframes scrollDown {
  0% {
    -webkit-transform: translate(-50%, -25%);
    -o-transform: translate(-50%, -25%);
    transform: translate(-50%, -25%)
  }
  33% {
    -webkit-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%)
  }
  100% {
    -webkit-transform: translate(-50%, -25%);
    -o-transform: translate(-50%, -25%);
    transform: translate(-50%, -25%)
  }
}

.adBanner {
  overflow: hidden
}

.adBanner, .adBanner * {
  border-radius: 0
}

.adBanner .mb {
  display: none
}

@media (max-width: 1024px) {
  .adBanner .pc {
    display: none
  }
  .adBanner .mb {
    display: block
  }
}

footer {
  background: url("../images/header_bg.jpg");
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3)
}

footer .footerContent .footerType1 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  -webkit-flex-wrap: wrap
}

footer .footerContent .footerType1>*:nth-child(1) {
  width: 75%;
  padding-right: 32px
}

footer .footerContent .footerType1>*:nth-child(2) {
  width: 25%;
  padding-left: 32px
}

footer .footerContent .footerType1 .copyRightTxt {
  text-align: left;
  border-top: 0
}

@media (max-width: 1200px) {
  footer .footerContent .footerType1 {
    flex-direction: column;
    -webkit-flex-direction: column
  }
  footer .footerContent .footerType1>*:nth-child(1) {
    width: 100%;
    padding-right: 0
  }
  footer .footerContent .footerType1>*:nth-child(2) {
    width: 100%;
    padding-left: 0
  }
}

footer .footerContent .footerType2 {
  display: flex;
  justify-content: space-between;
  display: -webkit-flex;
  -webkit-justify-content: space-between
}

footer .footerContent .footerType3 {
  display: flex;
  justify-content: center;
  flex-direction: column;
  display: -webkit-flex;
  -webkit-justify-content: center;
  -webkit-flex-direction: column;
  text-align: center
}

footer .footerContent .footerType4 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  -webkit-flex-wrap: wrap
}

footer .footerContent .footerType4>*:nth-child(1) {
  width: 25%;
  padding-right: 32px
}

footer .footerContent .footerType4>*:nth-child(2) {
  width: 75%;
  padding-left: 32px
}

footer .footerContent .footerType4 .copyRightTxt {
  text-align: left;
  border-top: 0
}

@media (max-width: 1200px) {
  footer .footerContent .footerType4 {
    flex-direction: column;
    -webkit-flex-direction: column
  }
  footer .footerContent .footerType4>*:nth-child(1) {
    width: 100%;
    padding-right: 0
  }
  footer .footerContent .footerType4>*:nth-child(2) {
    width: 100%;
    padding-left: 0
  }
}

footer .footerContent .footerType5 {
  display: flex;
  align-items: center;
  display: -webkit-flex;
  -webkit-align-items: center
}

footer .footerContent .footerType1, footer .footerContent .footerType2, footer .footerContent .footerType3, footer .footerContent .footerType4, footer .footerContent .footerStyle2 {
  width: 1200px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 32px
}

@media (min-width: 1504px) {
  footer .footerContent .footerType1, footer .footerContent .footerType2, footer .footerContent .footerType3, footer .footerContent .footerType4, footer .footerContent .footerStyle2 {
    width: 1440px
  }
}

footer .footerContent.copyright [class*="footerType"] {
  align-items: center;
  -webkit-align-items: center
}

footer .footerContent:not(.copyright) {
  padding: 35px 0
}

footer .footerContent.copyright {
  background: -webkit-linear-gradient(left, #f12b34, #00A691);
  background: -o-linear-gradient(left, #f12b34, #00A691);
  background: linear-gradient(to right, #f12b34, #00A691)
}

footer .footerContent.footerStyle2 {
  width: 1200px
}

footer .boxLine {
  border-top: 1px solid #fff
}

footer .companyInfo {
  padding-top: .8em;
  padding-bottom: .7em;
  color: #999999
}

footer .companyInfo i {
  color: #e62129
}

footer .companyInfo a {
  color: #999999;
  font-weight: bolder
}

@media (max-width: 481px) {
  footer .companyInfo a {
    font-size: 14px
  }
}

footer .companyInfo a:hover {
  color: rgba(153, 153, 153, 0.7)
}

footer .companyInfo.style2 {
  padding-left: 0
}

footer .companyInfo.style2 li {
  padding-right: 10px
}

footer .companyInfo.style2 li:not(.footerLogo) {
  padding-left: 32px
}

@media (max-width: 1024px) {
  footer .companyInfo.style2 li {
    display: block
  }
}

footer .siteMap.type1 {
  padding-bottom: .7em
}

footer .siteMap.type1>li:before {
  color: rgba(51, 51, 51, 0.5)
}

footer .siteMap.type1 a {
  color: #ffffff
}

footer .siteMap.type2 {
  padding-top: .8em;
  padding-bottom: .7em
}

footer .siteMap.type2 li {
  border: 1px solid #666;
  border-width: 0 1px;
  padding: 0 1em;
  margin-left: -1px;
  line-height: 1.2
}

footer .siteMap.type2 a {
  color: #ffffff
}

footer .siteMap.type2 a:hover {
  color: rgba(255, 255, 255, 0.6)
}

@media (max-width: 1200px) {
  footer .siteMap.type2 li {
    min-width: 90px
  }
}

footer .siteMap.type3 {
  padding-bottom: .7em
}

footer .siteMap.type3>li {
  padding: 0 16px
}

footer .siteMap.type3>li>a {
  display: block;
  width: 100%
}

footer .siteMap.type3 a {
  color: #ffffff
}

footer .siteMap.type3 a:hover {
  opacity: .8
}

footer .siteMap.type3>li>a {
  border-bottom: 1px solid #fff
}

@media (max-width: 768px) {
  footer .siteMap.type3>li {
    width: 100%
  }
}

@media (max-width: 768px) {
  footer .siteMap.type3>li {
    padding: 0 16px
  }
  footer .siteMap.type3>li>a {
    padding-right: 1em;
    position: relative
  }
  footer .siteMap.type3>li>a:after {
    content: '+';
    position: absolute;
    right: 0
  }
  footer .siteMap.type3>li>a+ul {
    display: none
  }
  footer .siteMap.type3>li:hover>a:after {
    content: '-'
  }
  footer .siteMap.type3>li:hover>a+ul {
    display: block
  }
}

footer .footerLogo {
  padding-bottom: 30px
}

footer .footerInfo {
  font-size: 16px;
  color: #ffffff;
  padding-top: .8em;
  padding-bottom: .7em
}

footer .socialList {
  padding-top: .8em;
  padding-bottom: .7em
}

footer .socialList li {
  width: 2em;
  height: 2em;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  display: -webkit-inline-flex;
  -webkit-flex-wrap: wrap;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  text-align: center;
  border: 0 solid #fff;
  border-radius: 2px
}

footer .socialList li i {
  font-size: 19px
}

footer .socialList li>* {
  line-height: 1em;
  color: #fff
}

footer .socialList li:hover, footer .socialList li:hover>* {
  color: rgba(255, 255, 255, 0.6);
  border-color: rgba(255, 255, 255, 0.6)
}

footer .copyRightTxt {
  padding: 1em 0;
  text-align: center;
  font-size: 14px
}

footer .copyRightTxt span {
  display: inline-block
}

@media (max-width: 481px) {
  footer .copyRightTxt {
    font-size: 12px
  }
}

footer .copyRightTxt, footer .copyRightTxt a {
  color: #999999
}

footer .copyRightTxt a:hover {
  color: rgba(153, 153, 153, 0.6)
}

footer .serviceInfo {
  color: #fff
}

footer .serviceInfo label {
  display: block
}

footer .serviceInfo span {
  font-size: 24px;
  font-weight: bold;
  line-height: 1
}

.copyrightTxt img {
  position: absolute;
  opacity: 0;
  z-index: 1;
  top: 0;
  left: 0
}

.googleMap {
  width: 100%;
  height: 450px
}

.googleMap+footer {
  margin-top: 0
}

.googleMap iframe, .googleMap #map {
  width: 100%;
  height: 100%
}

.searchForm form {
  padding: 32px;
  padding-top: 57.6px;
  text-align: center;
  position: relative;
  display: inline-block;
  width: 100%
}

.searchForm form input[type="text"] {
  margin-right: 2em;
  width: 500px;
  max-width: 100%
}

.sideAD {
  width: 90px;
  height: 270px;
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  opacity: 0;
  left: -90px
}

.sideAD.active {
  opacity: 1;
  left: 0
}

@media (max-width: 1400px) {
  .sideAD {
    display: none
  }
}

.index .sideAD {
  display: none
}

.showCart {
  z-index: 2;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%)
}

.sideCart .boxContent {
  top: 0;
  bottom: 0;
  left: auto;
  right: -100%;
  height: 100%;
  max-width: 500px
}

.sideCart.open .boxContent {
  left: auto;
  top: 0;
  right: 0;
  z-index: 100;
  transform: none;
  -webkit-transform: none
}

.sideCart .boxContent {
  transition: right .5s ease-out;
  -webkit-transition: right .5s ease-out
}

@media (max-width: 992px) {
  .sideCart .proTableList .tableItem {
    width: 100%
  }
  .sideCart .proTableList .tableItem .itemTitle, .sideCart .proTableList .tableItem .downloadList .itemList.downloadListType1 .item .itemIcon, .downloadList .itemList.downloadListType1 .item .sideCart .proTableList .tableItem .itemIcon, .sideCart .proTableList .tableItem .itemSP, .sideCart .proTableList .tableItem .itemPrice, .sideCart .proTableList .tableItem .itemQty {
    padding-right: 0
  }
  .sideCart .boxContent {
    overflow-y: auto !important
  }
  .sideCart .proTableList {
    height: auto !important;
    overflow: visible !important
  }
}

.sideCart .boxContent {
  padding: 48px 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -webkit-justify-content: space-between
}

.sideCart .boxContent .closeBtn {
  position: absolute;
  top: 16px;
  right: 16px;
  line-height: 1
}

.sideCart .proTableList {
  display: block;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch
}

.sideCart .proTableList::-webkit-scrollbar {
  width: 5px
}

.sideCart .proTableList::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3)
}

.sideCart .proTableList::-webkit-scrollbar-thumb {
  background: #f12b34
}

.sideCart .proTableList .tableItem {
  border-bottom: 1px solid #b3b3b3;
  margin-bottom: 16px;
  padding-bottom: 16px
}

.sideCart .proTableList .tableItem .gridBox>*:nth-child(2) {
  padding-left: 1em;
  padding-right: 1em
}

.sideCart .cartInfo {
  font-weight: bold;
  display: table;
  width: 100%
}

.sideCart .cartInfo .cartTitle {
  background: #010207;
  color: #fff;
  padding: 16px
}

.sideCart .cartInfo .cartTitle>* {
  margin: 0;
  line-height: 1.8
}

.sideCart .cartInfo [class^='btn'] {
  width: 100%;
  text-align: center
}

.sideCart .itemPrice {
  color: #333;
  font-weight: bold;
  padding-right: 1em
}

.sideCart .itemSP {
  color: #d13428
}

.sideCart .itemTitle, .sideCart .downloadList .itemList.downloadListType1 .item .itemIcon, .downloadList .itemList.downloadListType1 .item .sideCart .itemIcon {
  font-size: 19px
}

.sideCart .itemQty label {
  font-size: 14px;
  padding-right: .5em
}

.sideCart .itemImg {
  padding-bottom: 100%
}

.sideCart .itemImg img {
  max-width: none;
  max-height: none;
  min-width: 0;
  min-height: 0;
  width: auto;
  height: auto
}

.addCartPanel .shopForm * {
  transition: none;
  -webkit-transition: none
}

.loginPanel .boxContent {
  max-width: 1200px
}

.loginPanel .hrTitle {
  margin: 0
}

@media (max-width: 992px) {
  .loginPanel .userLogin {
    order: 2;
    -webkit-order: 2
  }
  .loginPanel .firstShop {
    order: 1;
    -webkit-order: 1
  }
  .loginPanel [class^='btn-'], .loginPanel button, .loginPanel .btn-prev, .loginPanel .btn-next {
    width: 100%;
    text-align: center
  }
}

.loginPanel_normal .boxContent {
  max-width: 300px
}

.loginPanel_normal .hrTitle {
  margin: 0
}

@media (max-width: 440px) {
  .loginPanel_normal .boxContent {
    height: auto;
    max-height: 100%
  }
}

.loginPanel_pwd .boxContent {
  max-width: 300px
}

.loginPanel_pwd .hrTitle {
  margin: 0
}

@media (max-width: 440px) {
  .loginPanel_pwd .boxContent {
    height: auto;
    max-height: 100%
  }
}

.eDM {
  background: #333;
  color: #fff;
  padding: 32px
}

.eDM+footer {
  margin-top: 0
}

.eDM form {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center
}

.eDM form input {
  margin: 16px
}

.eDM form label, .eDM form button, .eDM form .btn-prev, .eDM form .btn-next {
  flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  white-space: nowrap
}

.eDM form input {
  flex: 0 1 400px;
  -webkit-flex: 0 1 400px
}

@media (max-width: 440px) {
  .eDM form {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: flex-start;
    -webkit-justify-content: flex-start
  }
  .eDM form label, .eDM form input, .eDM form button, .eDM form .btn-prev, .eDM form .btn-next {
    margin: 0;
    margin-bottom: 16px;
    width: 100%
  }
}

body {
  padding: 0;
  margin: 0
}

body * {
  box-sizing: border-box
}

#mbPanel, .mbPanel {
  max-width: 100vw;
  overflow: hidden
}

#mbPanel .mbPanel_side.open, .mbPanel .mbPanel_side.open {
  z-index: 100
}

#mbPanel .mbPanel_left, .mbPanel .mbPanel_left {
  position: fixed;
  z-index: 100;
  width: 260px;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
  overflow-y: auto;
  top: 0;
  left: 0
}

#mbPanel .mbPanel_right, .mbPanel .mbPanel_right {
  position: fixed;
  z-index: 100;
  width: 260px;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
  overflow-y: auto;
  top: 0;
  right: 0
}

#mbPanel .mbPanel_top, .mbPanel .mbPanel_top {
  position: fixed;
  z-index: 100;
  width: 100%;
  height: 90%;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
  overflow-y: auto;
  top: 0;
  left: 0
}

#mbPanel .mbPanel_bottom, .mbPanel .mbPanel_bottom {
  position: fixed;
  z-index: 100;
  width: 100%;
  height: 90%;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
  overflow-y: auto;
  bottom: 0;
  left: 0
}

#mbPanel .mbPanel_page .mbPanel_content, .mbPanel .mbPanel_page .mbPanel_content {
  padding-top: 50px;
  padding-bottom: 50px
}

#mbPanel .mbPanel_funNav.navTop, .mbPanel .mbPanel_funNav.navTop {
  position: fixed;
  z-index: 100;
  width: 100%;
  height: 50px;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
  overflow-y: auto;
  top: 0;
  left: 0
}

#mbPanel .mbPanel_funNav.navBottom, .mbPanel .mbPanel_funNav.navBottom {
  position: fixed;
  z-index: 100;
  width: 100%;
  height: 50px;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
  overflow-y: auto;
  bottom: 0;
  left: 0
}

#mbPanel .mbPanel_funNav .mbPanel_content, .mbPanel .mbPanel_funNav .mbPanel_content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  display: -webkit-flex;
  -webkit-align-items: center;
  -webkit-justify-content: space-between;
  overflow: hidden
}

#mbPanel .mbPanel_funNav .mbPanel_content>*, .mbPanel .mbPanel_funNav .mbPanel_content>* {
  flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  white-space: nowrap;
  text-align: center;
  display: inline-flex;
  display: -webkit-inline-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  text-align: center;
  height: 100%;
  min-width: 40px
}

#mbPanel .mbPanel_funNav .mbPanel_content>* img, .mbPanel .mbPanel_funNav .mbPanel_content>* img {
  height: 25px;
  max-height: 100%
}

#mbPanel .mbPanel_subPanel, .mbPanel .mbPanel_subPanel {
  position: fixed;
  z-index: 100;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
  overflow-y: auto;
  top: 0;
  left: 0;
  position: absolute
}

#mbPanel .mbPanel_content, .mbPanel .mbPanel_content {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto
}

[class^='mbPanel_'] {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  transition: all .3s ease;
  -webkit-transition: all .3s ease
}

#mbPanel .mbPanel_left, #mbPanel[data-mbPanel=''] .mbPanel_left, .mbPanel .mbPanel_left, .mbPanel[data-mbPanel=''] .mbPanel_left {
  transform: translateX(-100%);
  -webkit-transform: translateX(-100%)
}

#mbPanel .mbPanel_right, #mbPanel[data-mbPanel=''] .mbPanel_right, .mbPanel .mbPanel_right, .mbPanel[data-mbPanel=''] .mbPanel_right {
  transform: translateX(100%);
  -webkit-transform: translateX(100%)
}

#mbPanel .mbPanel_top, #mbPanel[data-mbPanel=''] .mbPanel_top, .mbPanel .mbPanel_top, .mbPanel[data-mbPanel=''] .mbPanel_top {
  transform: translateY(-100%);
  -webkit-transform: translateY(-100%)
}

#mbPanel .mbPanel_bottom, #mbPanel[data-mbPanel=''] .mbPanel_bottom, .mbPanel .mbPanel_bottom, .mbPanel[data-mbPanel=''] .mbPanel_bottom {
  transform: translateY(100%);
  -webkit-transform: translateY(100%)
}

#mbPanel .mbPanel_side, #mbPanel[data-mbPanel=''] .mbPanel_side, .mbPanel .mbPanel_side, .mbPanel[data-mbPanel=''] .mbPanel_side {
  opacity: 0
}

#mbPanel .mbPanel_side.open, #mbPanel[data-mbPanel=''] .mbPanel_side.open, .mbPanel .mbPanel_side.open, .mbPanel[data-mbPanel=''] .mbPanel_side.open {
  z-index: 200;
  opacity: 1;
  transform: translate(0);
  -webkit-transform: translate(0)
}

#mbPanel[data-mbPanel='mbPanel_effect01'] .mbPanel_page, #mbPanel[data-mbPanel='mbPanel_effect01'] .mbPanel_funNav, .mbPanel[data-mbPanel='mbPanel_effect01'] .mbPanel_page, .mbPanel[data-mbPanel='mbPanel_effect01'] .mbPanel_funNav {
  transform: translateX(0);
  -webkit-transform: translateX(0)
}

#mbPanel[data-mbPanel='mbPanel_effect01'] .mbPanel_page.open, #mbPanel[data-mbPanel='mbPanel_effect01'] .mbPanel_funNav.open, .mbPanel[data-mbPanel='mbPanel_effect01'] .mbPanel_page.open, .mbPanel[data-mbPanel='mbPanel_effect01'] .mbPanel_funNav.open {
  transform: translateX(260px);
  -webkit-transform: translateX(260px)
}

#mbPanel[data-mbPanel='mbPanel_effect01'] .mbPanel_side, .mbPanel[data-mbPanel='mbPanel_effect01'] .mbPanel_side {
  opacity: 0;
  perspective: 700px;
  -webkit-perspective: 700px;
  transform: translateX(-260px);
  -webkit-transform: translateX(-260px)
}

#mbPanel[data-mbPanel='mbPanel_effect01'] .mbPanel_side .mbPanel_content, .mbPanel[data-mbPanel='mbPanel_effect01'] .mbPanel_side .mbPanel_content {
  opacity: 0;
  transform: rotateY(-115deg);
  -webkit-transform: rotateY(-115deg);
  transform-origin: 100% 0%;
  -webkit-transform-origin: 100% 0%
}

#mbPanel[data-mbPanel='mbPanel_effect01'] .mbPanel_side.open, .mbPanel[data-mbPanel='mbPanel_effect01'] .mbPanel_side.open {
  opacity: 1;
  transform: translateX(0);
  -webkit-transform: translateX(0)
}

#mbPanel[data-mbPanel='mbPanel_effect01'] .mbPanel_side.open .mbPanel_content, .mbPanel[data-mbPanel='mbPanel_effect01'] .mbPanel_side.open .mbPanel_content {
  opacity: 1;
  transform: rotateY(0);
  -webkit-transform: rotateY(0);
  transform-origin: 100% 0%;
  -webkit-transform-origin: 100% 0%;
  transition-delay: 70ms;
  -webkit-transition-delay: 70ms
}

#mbPanel[data-mbPanel='mbPanel_effect02'] .mbPanel_page, #mbPanel[data-mbPanel='mbPanel_effect02'] .mbPanel_funNav, .mbPanel[data-mbPanel='mbPanel_effect02'] .mbPanel_page, .mbPanel[data-mbPanel='mbPanel_effect02'] .mbPanel_funNav {
  transform: translateX(0);
  -webkit-transform: translateX(0)
}

#mbPanel[data-mbPanel='mbPanel_effect02'] .mbPanel_page.open, #mbPanel[data-mbPanel='mbPanel_effect02'] .mbPanel_funNav.open, .mbPanel[data-mbPanel='mbPanel_effect02'] .mbPanel_page.open, .mbPanel[data-mbPanel='mbPanel_effect02'] .mbPanel_funNav.open {
  transform: translateX(260px);
  -webkit-transform: translateX(260px)
}

#mbPanel[data-mbPanel='mbPanel_effect02'] .mbPanel_side, .mbPanel[data-mbPanel='mbPanel_effect02'] .mbPanel_side {
  opacity: 0
}

#mbPanel[data-mbPanel='mbPanel_effect02'] .mbPanel_side.open, .mbPanel[data-mbPanel='mbPanel_effect02'] .mbPanel_side.open {
  opacity: 1
}

#mbPanel[data-mbPanel='mbPanel_effect03'], .mbPanel[data-mbPanel='mbPanel_effect03'] {
  position: fixed;
  width: 100%;
  height: 100%;
  perspective: 1500px;
  -webkit-perspective: 1500px
}

#mbPanel[data-mbPanel='mbPanel_effect03'] .mbPanel_page, #mbPanel[data-mbPanel='mbPanel_effect03'] .mbPanel_funNav, .mbPanel[data-mbPanel='mbPanel_effect03'] .mbPanel_page, .mbPanel[data-mbPanel='mbPanel_effect03'] .mbPanel_funNav {
  transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform: translateZ(0) translateX(0) rotateY(0);
  -webkit-transform: translateZ(0) translateX(0) rotateY(0)
}

#mbPanel[data-mbPanel='mbPanel_effect03'] .mbPanel_page.open, #mbPanel[data-mbPanel='mbPanel_effect03'] .mbPanel_funNav.open, .mbPanel[data-mbPanel='mbPanel_effect03'] .mbPanel_page.open, .mbPanel[data-mbPanel='mbPanel_effect03'] .mbPanel_funNav.open {
  transform: translateZ(-100px) translateX(65%) rotateY(-45deg);
  -webkit-transform: translateZ(-100px) translateX(65%) rotateY(-45deg)
}

#mbPanel[data-mbPanel='mbPanel_effect03'] .mbPanel_side, .mbPanel[data-mbPanel='mbPanel_effect03'] .mbPanel_side {
  position: absolute;
  opacity: 0
}

#mbPanel[data-mbPanel='mbPanel_effect03'] .mbPanel_side.open, .mbPanel[data-mbPanel='mbPanel_effect03'] .mbPanel_side.open {
  opacity: 1
}

#mbPanel .mbPanel_subPanel, .mbPanel .mbPanel_subPanel {
  transform: translateX(-100%);
  -webkit-transform: translateX(-100%)
}

#mbPanel .mbPanel_subPanel.open, .mbPanel .mbPanel_subPanel.open {
  transform: translateX(0);
  -webkit-transform: translateX(0)
}

#mbPanel .mbPanel_funNav.navTop.hide, .mbPanel .mbPanel_funNav.navTop.hide {
  transform: translateY(-100%);
  -webkit-transform: translateY(-100%)
}

#mbPanel .mbPanel_funNav.navBottom.hide, .mbPanel .mbPanel_funNav.navBottom.hide {
  transform: translateY(100%);
  -webkit-transform: translateY(100%)
}

#mbPanel, .mbPanel {
  background: none
}

#mbPanel>[class^='mbPanel_'] .mbPanel_content, .mbPanel>[class^='mbPanel_'] .mbPanel_content {
  background: none
}

#mbPanel .mbPanel_page .mbPanel_content, .mbPanel .mbPanel_page .mbPanel_content {
  background: none
}

#mbPanel .mbPanel_content, .mbPanel .mbPanel_content {
  padding: 0
}

#mbPanel .mbPanel_funNav .mbPanel_content>*, .mbPanel .mbPanel_funNav .mbPanel_content>* {
  padding-left: .5em;
  padding-right: .5em
}

#mbPanel .mbPanel_funNav, #mbPanel .mbPanel_left, .mbPanel .mbPanel_funNav, .mbPanel .mbPanel_left {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3)
}

#mbPanel .mbPanel_page .mbPanel_content, #mbPanel .mbPanel_funNav .mbPanel_content, .mbPanel .mbPanel_page .mbPanel_content, .mbPanel .mbPanel_funNav .mbPanel_content {
  position: relative;
  z-index: 1
}

#mbPanel .mbPanel_page:before, #mbPanel .mbPanel_funNav:before, .mbPanel .mbPanel_page:before, .mbPanel .mbPanel_funNav:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 0;
  opacity: 0;
  transition: all .5s ease;
  -webkit-transition: all .5s ease
}

#mbPanel .mbPanel_page.open:before, #mbPanel .mbPanel_funNav.open:before, .mbPanel .mbPanel_page.open:before, .mbPanel .mbPanel_funNav.open:before {
  opacity: 1;
  z-index: 100
}

#mbPanel .mbPanel_funNav.navTop, .mbPanel .mbPanel_funNav.navTop {
  background: #fff
}

#mbPanel .mbPanel_funNav.navTop *, .mbPanel .mbPanel_funNav.navTop * {
  color: #333
}

#mbPanel .mbPanel_funNav.navBottom, .mbPanel .mbPanel_funNav.navBottom {
  background: #f12b34
}

#mbPanel .mbPanel_funNav.navBottom *, .mbPanel .mbPanel_funNav.navBottom * {
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px
}

#mbPanel .mbPanel_funNav.navBottom a, .mbPanel .mbPanel_funNav.navBottom a {
  flex-direction: column;
  -webkit-flex-direction: column;
  position: relative;
  overflow: hidden
}

#mbPanel .panelMenu, .mbPanel .panelMenu {
  position: relative;
  height: 100%;
  overflow: hidden;
  overflow-y: scroll
}

#mbPanel .panelMenu .subMenu, .mbPanel .panelMenu .subMenu {
  position: fixed;
  z-index: 100;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
  overflow-y: auto;
  top: 0;
  left: 0;
  position: absolute
}

#mbPanel .panelMenu, .mbPanel .panelMenu {
  transition: all .3s ease;
  -webkit-transition: all .3s ease
}

#mbPanel .panelMenu .subMenu, .mbPanel .panelMenu .subMenu {
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  transform: translateX(-100%);
  -webkit-transform: translateX(-100%)
}

#mbPanel .panelMenu .subMenu.open, .mbPanel .panelMenu .subMenu.open {
  transform: translateX(0);
  -webkit-transform: translateX(0)
}

#mbPanel .panelMenu.styleGrid, .mbPanel .panelMenu.styleGrid {
  height: 100%;
  width: 100%;
  text-align: center;
  list-style: none;
  margin: 0;
  padding: 0
}

#mbPanel .panelMenu.styleGrid, #mbPanel .panelMenu.styleGrid .subMenu, .mbPanel .panelMenu.styleGrid, .mbPanel .panelMenu.styleGrid .subMenu {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  -webkit-align-items: center;
  -webkit-justify-content: center
}

#mbPanel .panelMenu.styleGrid li, .mbPanel .panelMenu.styleGrid li {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  display: -webkit-inline-flex;
  -webkit-align-items: center;
  -webkit-justify-content: center
}

#mbPanel .panelMenu[data-styleGrid='3x3'] li, .mbPanel .panelMenu[data-styleGrid='3x3'] li {
  width: 33.333%;
  height: 33.333%
}

#mbPanel .panelMenu[data-styleGrid='2x3'] li, .mbPanel .panelMenu[data-styleGrid='2x3'] li {
  width: 50%;
  height: 33.333%
}

#mbPanel .panelMenu[data-styleGrid='2x2'] li, .mbPanel .panelMenu[data-styleGrid='2x2'] li {
  width: 50%;
  height: 50%
}

#mbPanel .panelMenu .mainCloseBtn, #mbPanel .panelMenu .back a, #mbPanel .panelMenu .moreMenu, .mbPanel #mbPanel .panelMenu .mainCloseBtn, #mbPanel .mbPanel .panelMenu .mainCloseBtn, .mbPanel #mbPanel .panelMenu .back a, #mbPanel .mbPanel .panelMenu .back a, .mbPanel #mbPanel .panelMenu .moreMenu, #mbPanel .mbPanel .panelMenu .moreMenu, .mbPanel .panelMenu .mainCloseBtn, .mbPanel .panelMenu .back a, .mbPanel .panelMenu .moreMenu {
  display: inline-flex;
  display: -webkit-inline-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: flex-start;
  -webkit-align-items: flex-start
}

#mbPanel .panelMenu .mainCloseBtn span, #mbPanel .panelMenu .back a span, #mbPanel .panelMenu .moreMenu span, .mbPanel #mbPanel .panelMenu .mainCloseBtn span, #mbPanel .mbPanel .panelMenu .mainCloseBtn span, .mbPanel #mbPanel .panelMenu .back a span, #mbPanel .mbPanel .panelMenu .back a span, .mbPanel #mbPanel .panelMenu .moreMenu span, #mbPanel .mbPanel .panelMenu .moreMenu span, .mbPanel .panelMenu .mainCloseBtn span, .mbPanel .panelMenu .back a span, .mbPanel .panelMenu .moreMenu span {
  width: 180px
}

#mbPanel .panelMenu .mainCloseBtn:after, #mbPanel .panelMenu .back a:after, #mbPanel .panelMenu .moreMenu:after, .mbPanel #mbPanel .panelMenu .mainCloseBtn:after, #mbPanel .mbPanel .panelMenu .mainCloseBtn:after, .mbPanel #mbPanel .panelMenu .back a:after, #mbPanel .mbPanel .panelMenu .back a:after, .mbPanel #mbPanel .panelMenu .moreMenu:after, #mbPanel .mbPanel .panelMenu .moreMenu:after, .mbPanel .panelMenu .mainCloseBtn:after, .mbPanel .panelMenu .back a:after, .mbPanel .panelMenu .moreMenu:after {
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-left: 0.5em;
  content: ""
}

#mbPanel .panelMenu, #mbPanel .panelMenu ul, .mbPanel .panelMenu, .mbPanel .panelMenu ul {
  padding: 0;
  margin: 0;
  list-style: none
}

#mbPanel .panelMenu a, .mbPanel .panelMenu a {
  display: inline-block;
  width: 100%;
  padding: 1em;
  word-wrap: break-word
}

#mbPanel .panelMenu .back a:after, .mbPanel .panelMenu .back a:after {
  content: "\f060"
}

#mbPanel .panelMenu .moreMenu:after, .mbPanel .panelMenu .moreMenu:after {
  content: "\f105"
}

#mbPanel .panelMenu .mainCloseBtn:after, .mbPanel .panelMenu .mainCloseBtn:after {
  content: "\f00d"
}

#mbPanel .panelMenu .mainCloseBtn, #mbPanel .panelMenu .back, .mbPanel .panelMenu .mainCloseBtn, .mbPanel .panelMenu .back {
  background: -webkit-linear-gradient(left, #f12b34, #00A691);
  background: -o-linear-gradient(left, #f12b34, #00A691);
  background: linear-gradient(to right, #f12b34, #00A691)
}

#mbPanel .panelMenu .mainCloseBtn, #mbPanel .panelMenu .mainCloseBtn *, #mbPanel .panelMenu .back, #mbPanel .panelMenu .back *, .mbPanel .panelMenu .mainCloseBtn, .mbPanel .panelMenu .mainCloseBtn *, .mbPanel .panelMenu .back, .mbPanel .panelMenu .back * {
  font-size: 18px;
  color: #fff
}

#mbPanel .panelMenu .subMenu, .mbPanel .panelMenu .subMenu {
  background: #fff
}

#mbPanel .panelMenu a, .mbPanel .panelMenu a {
  border-color: #eee;
  border-width: 0 0 1px 0;
  border-style: solid
}

.pageLoading {
  position: fixed;
  background: #fff;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10000
}

.pageLoading>* {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%)
}

@media (min-width: 1025px) {
  .marqueeBlock {
    height: 50px;
    overflow: hidden
  }
  .marqueeBlock a {
    display: block;
    line-height: 50px;
    overflow: hidden
  }
}

.marquee {
  overflow: hidden;
  height: 50px;
  position: relative
}

.marquee ul {
  position: absolute;
  width: 100%
}

.marquee ul li {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

@media (max-width: 1024px) {
  .marquee {
    height: auto
  }
  .marquee ul {
    position: static
  }
  .marquee ul li {
    height: auto;
    white-space: normal;
    text-overflow: normal;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #e6e6e6;
    text-align: left
  }
}

.playFrame[data-playFrame="js"] img, .playFrame[data-playFrame="css"] img {
  opacity: 0
}

.GDPR {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1001;
  background-color: rgba(0, 0, 0, 0.8);
  transform: translate(0%, 100%);
  transition: all .3s ease-out
}

.GDPR>div:first-child {
  margin: 10px auto
}

.GDPR .gridBox {
  align-items: center
}

.GDPR .gridBox>*, .GDPR .gridBox [class*='col_'] {
  padding: 0 32px
}

.GDPR.active {
  transform: translate(0%, 0%)
}

.GDPR__text {
  color: #FFF;
  margin-top: 0;
  margin-bottom: 10px
}

@media screen and (min-width: 768px) {
  .GDPR__text {
    margin: 0
  }
}

.GDPR__btnArea {
  text-align: center
}

.GDPR__btn, .GDPR__infoLink {
  display: inline-block;
  vertical-align: middle
}

.GDPR__btn {
  margin-right: 5px
}

.GDPR__infoLink {
  color: #FFF;
  text-decoration: underline
}

.index div[class*="_title"] {
  margin-bottom: 15px
}

.index div[class*="_title"] small {
  color: #e62129;
  font-size: 14px;
  font-weight: bold
}

.index div[class*="_title"] span {
  line-height: 1;
  color: #e62129;
  font-size: 60px;
  font-family: 'Philosopher Regular';
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out
}

@media (max-width: 581px) {
  .index div[class*="_title"] span {
    font-weight: bold
  }
}

@media (max-width: 481px) {
  .index div[class*="_title"] span {
    line-height: 1.2
  }
}

.index div[class*="_txt"] span {
  line-height: 1;
  color: #434343;
  font-size: 17px;
  font-weight: bold;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out
}

@media (max-width: 481px) {
  .index div[class*="_txt"] span {
    font-weight: 300;
    line-height: 1.8
  }
}

@media (max-width: 380px) {
  .index div[class*="_txt"] span {
    font-size: 15px
  }
}

.btnStyle1 {
  position: relative;
  padding: 8px;
  color: #a0a0a0;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out
}

.btnStyle1:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #e62129;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out
}

.btnStyle1:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #e62129;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out
}

.btnStyle1:hover {
  color: #e62129
}

.btnStyle1:hover:before {
  top: 4px
}

.btnStyle1:hover:after {
  bottom: 4px
}

.index_pro {
  padding: 287px 0 0;
  background: url("../images/product_bg.png") no-repeat;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out
}

@media (max-width: 1024px) {
  .index_pro {
    padding: 80px 0
  }
}

@media (max-width: 581px) {
  .index_pro {
    padding: 50px 0
  }
}

.index_pro .index_pro_info {
  position: absolute;
  top: 0;
  left: 50%;
  width: 50%;
  margin-bottom: 20px;
  z-index: 2;
  -webkit-transform: translate(0, -70%);
  -o-transform: translate(0, -70%);
  transform: translate(0, -70%);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out
}

@media (max-width: 1503px) {
  .index_pro .index_pro_info {
    -webkit-transform: translate(0, -65%);
    -o-transform: translate(0, -65%);
    transform: translate(0, -65%)
  }
}

@media (max-width: 1024px) {
  .index_pro .index_pro_info {
    position: relative;
    left: 0;
    width: 100%;
    -webkit-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0)
  }
}

@media (max-width: 1503px) {
  .index_pro .index_pro_info .index_pro_title span {
    font-size: 45px
  }
}

@media (max-width: 581px) {
  .index_pro .index_pro_info .index_pro_title span {
    font-size: 36px
  }
}

@media (max-width: 481px) {
  .index_pro .index_pro_info .index_pro_title span {
    font-size: 30px
  }
}

@media (max-width: 415px) {
  .index_pro .index_pro_info .index_pro_title span {
    font-size: 24px
  }
}

.index_pro .index_pro_slide {
  width: 100%;
  max-width: 870px;
  margin-left: 50px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out
}

@media (max-width: 1503px) {
  .index_pro .index_pro_slide {
    margin-left: 0
  }
}

.index_pro .index_pro_slide .index_pro_box {
  position: relative;
  padding: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out
}

@media (max-width: 991px) {
  .index_pro .index_pro_slide .index_pro_box {
    padding-bottom: 120px
  }
}

@media (max-width: 739px) {
  .index_pro .index_pro_slide .index_pro_box {
    padding-bottom: 140px
  }
}

@media (max-width: 557px) {
  .index_pro .index_pro_slide .index_pro_box {
    padding-bottom: 0
  }
}

.index_pro .index_pro_slide .index_pro_box .index_pro_img {
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out
}

@media (min-width: 992px) {
  .index_pro .index_pro_slide .index_pro_box .index_pro_img {
    opacity: 0;
    -webkit-transform: translate(-30px, 0);
    -o-transform: translate(-30px, 0);
    transform: translate(-30px, 0);
    -webkit-transition: all 1.5s ease-in-out;
    -o-transition: all 1.5s ease-in-out;
    transition: all 1.5s ease-in-out
  }
}

.index_pro .index_pro_slide .index_pro_box .index_pro_content {
  position: absolute;
  top: 50%;
  right: 0;
  width: 45%;
  height: 55%;
  padding: 20px 25px;
  text-align: center;
  color: #fff;
  background: #e62129
}

@media (min-width: 992px) {
  .index_pro .index_pro_slide .index_pro_box .index_pro_content {
    opacity: 0;
    -webkit-transform: translate(30px, -50%);
    -o-transform: translate(30px, -50%);
    transform: translate(30px, -50%);
    -webkit-transition: all 1.5s ease-in-out;
    -o-transition: all 1.5s ease-in-out;
    transition: all 1.5s ease-in-out;
    -webkit-transition-delay: .7s;
    -o-transition-delay: .7s;
    transition-delay: .7s
  }
}

@media (max-width: 991px) {
  .index_pro .index_pro_slide .index_pro_box .index_pro_content {
    top: unset;
    bottom: 0;
    left: 0;
    width: 85%;
    height: 174px;
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
  }
}

@media (max-width: 739px) {
  .index_pro .index_pro_slide .index_pro_box .index_pro_content {
    height: 180px
  }
}

@media (max-width: 635px) {
  .index_pro .index_pro_slide .index_pro_box .index_pro_content {
    width: 80%
  }
}

@media (max-width: 557px) {
  .index_pro .index_pro_slide .index_pro_box .index_pro_content {
    position: relative;
    width: 100%
  }
}

@media (max-width: 481px) {
  .index_pro .index_pro_slide .index_pro_box .index_pro_content {
    height: 145px;
    padding: 10px 15px;
    line-height: 1.6
  }
}

@media (max-width: 422px) {
  .index_pro .index_pro_slide .index_pro_box .index_pro_content {
    height: 165px
  }
}

@media (max-width: 349px) {
  .index_pro .index_pro_slide .index_pro_box .index_pro_content {
    height: 195px
  }
}

.index_pro .index_pro_slide .index_pro_box .index_pro_content p {
  position: relative;
  padding-bottom: 16px;
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 1px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out
}

@media (max-width: 991px) {
  .index_pro .index_pro_slide .index_pro_box .index_pro_content p {
    margin-top: 0
  }
}

@media (max-width: 739px) {
  .index_pro .index_pro_slide .index_pro_box .index_pro_content p {
    margin-bottom: 5px;
    padding-bottom: 5px
  }
}

@media (max-width: 481px) {
  .index_pro .index_pro_slide .index_pro_box .index_pro_content p {
    font-size: 18px;
    padding-bottom: 10px
  }
}

.index_pro .index_pro_slide .index_pro_box .index_pro_content p:before {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 14px;
  height: 2px;
  background: #fff;
  -webkit-transform: translate(-50%, 0%);
  -o-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%)
}

.index_pro .index_pro_slide .index_pro_box .index_pro_content span {
  margin: 16px 0;
  font-size: 14px;
  letter-spacing: 1.5px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out
}

@media (max-width: 481px) {
  .index_pro .index_pro_slide .index_pro_box .index_pro_content span {
    font-size: 13px
  }
}

.index_pro .index_pro_slide .index_pro_box>p {
  position: absolute;
  top: 80%;
  right: 22px;
  color: #989898;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out
}

@media (max-width: 635px) {
  .index_pro .index_pro_slide .index_pro_box>p {
    top: 74%
  }
}

@media (max-width: 557px) {
  .index_pro .index_pro_slide .index_pro_box>p {
    display: none
  }
}

.index_pro .index_pro_slide .index_pro_box>p span {
  color: #e62129;
  font-size: 28px;
  font-weight: bold
}

@media (min-width: 992px) {
  .index_pro .index_pro_slide .index_pro_box.slick-current .index_pro_img {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@media (min-width: 992px) {
  .index_pro .index_pro_slide .index_pro_box.slick-current .index_pro_content {
    opacity: 1;
    -webkit-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%)
  }
}

.index_pro .slick-prev {
  display: none !important
}

.index_pro .slick-next {
  top: 90% !important;
  right: 0 !important;
  opacity: 1 !important;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out
}

@media (max-width: 635px) {
  .index_pro .slick-next {
    top: 85% !important
  }
}

@media (max-width: 557px) {
  .index_pro .slick-next {
    display: none !important
  }
}

.index_app {
  position: relative;
  padding: 240px 0 50px;
  background: url("../images/app_bg.png") no-repeat;
  background-size: contain;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out
}

@media (max-width: 1800px) {
  .index_app {
    padding: 220px 0 50px
  }
}

@media (max-width: 1650px) {
  .index_app {
    padding: 200px 0 50px
  }
}

@media (max-width: 1440px) {
  .index_app {
    padding: 170px 0 50px
  }
}

@media (max-width: 1370px) {
  .index_app {
    padding: 170px 0 100px;
    background-size: 105%
  }
}

@media (max-width: 1370px) {
  .index_app {
    background-size: 110%
  }
}

@media (max-width: 1040px) {
  .index_app {
    background-size: 115%
  }
}

@media (max-width: 1024px) {
  .index_app {
    padding: 50px 0 0;
    background: #fff
  }
}

.index_app .index_app_float {
  position: absolute;
  top: 15%;
  right: -115px
}

@media (max-width: 1024px) {
  .index_app .index_app_float {
    top: 5%
  }
}

.index_app .index_app_area {
  width: calc(100% - 5.8%);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out
}

@media (max-width: 1375px) {
  .index_app .index_app_area {
    width: 100%
  }
}

.index_app .index_app_area .index_app_box {
  padding-right: 3px;
  padding-bottom: 3px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out
}

@media (max-width: 992px) {
  .index_app .index_app_area .index_app_box {
    padding-right: 0;
    padding-bottom: 0
  }
}

.index_app .index_app_area .index_app_box .index_app_info {
  padding: 50px 70px;
  -webkit-transition: all 3s ease-in-out;
  -o-transition: all 3s ease-in-out;
  transition: all 3s ease-in-out
}

@media (max-width: 1800px) {
  .index_app .index_app_area .index_app_box .index_app_info {
    padding: 37px 50px
  }
}

@media (max-width: 1290px) {
  .index_app .index_app_area .index_app_box .index_app_info {
    padding: 20px 30px
  }
}

@media (max-width: 1150px) {
  .index_app .index_app_area .index_app_box .index_app_info {
    padding: 10px 15px
  }
}

@media (max-width: 1070px) {
  .index_app .index_app_area .index_app_box .index_app_info {
    padding: 0px 10px
  }
}

@media (max-width: 992px) {
  .index_app .index_app_area .index_app_box .index_app_info {
    margin-bottom: 50px
  }
}

@media (max-width: 1503px) {
  .index_app .index_app_area .index_app_box .index_app_info .index_app_title span {
    font-size: 45px
  }
}

@media (max-width: 1037px) {
  .index_app .index_app_area .index_app_box .index_app_info .index_app_title span {
    font-size: 36px
  }
}

@media (max-width: 992px) {
  .index_app .index_app_area .index_app_box .index_app_info .index_app_title span {
    font-size: 45px
  }
}

@media (max-width: 581px) {
  .index_app .index_app_area .index_app_box .index_app_info .index_app_title span {
    font-size: 36px
  }
}

@media (max-width: 481px) {
  .index_app .index_app_area .index_app_box .index_app_info .index_app_title span {
    font-size: 30px
  }
}

@media (max-width: 415px) {
  .index_app .index_app_area .index_app_box .index_app_info .index_app_title span {
    font-size: 24px
  }
}

.index_app .index_app_area .index_app_box .index_app_info .index_app_txt {
  margin-bottom: 70px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out
}

@media (max-width: 1800px) {
  .index_app .index_app_area .index_app_box .index_app_info .index_app_txt {
    margin-bottom: 30px
  }
}

@media (max-width: 1037px) {
  .index_app .index_app_area .index_app_box .index_app_info .index_app_txt {
    margin-bottom: 15px
  }
}

@media (max-width: 992px) {
  .index_app .index_app_area .index_app_box .index_app_info .index_app_txt {
    margin-bottom: 30px
  }
}

.index_app .index_app_area .index_app_box .index_app_info .index_app_btn {
  position: relative;
  height: 28px
}

.index_app .index_app_area .index_app_box .index_app_info .index_app_btn div {
  position: absolute
}

.index_app .index_app_area .index_app_box .index_app_img {
  position: relative
}

.index_app .index_app_area .index_app_box .index_app_img p {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  color: #fff;
  font-size: 28px;
  text-align: center;
  text-shadow: 2px 2px 4px #000;
  line-height: 1.2;
  letter-spacing: 1px;
  z-index: 5;
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out
}

@media (max-width: 581px) {
  .index_app .index_app_area .index_app_box .index_app_img p {
    font-size: 20px
  }
}

.index_app .index_app_area .index_app_box .index_app_img:before {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  opacity: 1;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out
}

.index_app .index_app_area .index_app_box .index_app_img:after {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("../images/cover2.png");
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out
}

.index_app .index_app_area .index_app_box .index_app_img:hover:before {
  opacity: 0
}

.index_app .index_app_area .index_app_box .index_app_img:hover:after {
  opacity: 1
}

.index_app .index_app_area .index_app_box.mb {
  display: none
}

@media (max-width: 992px) {
  .index_app .index_app_area .index_app_box.mb {
    display: block
  }
}

@media (max-width: 992px) {
  .index_app .index_app_area .index_app_box.pc {
    display: none
  }
}

.index_about {
  position: relative;
  padding: 170px 0 115px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out
}

@media (max-width: 992px) {
  .index_about {
    padding: 100px 0 50px
  }
}

@media (max-width: 581px) {
  .index_about {
    padding: 50px 0 0
  }
}

.index_about .index_about_float1 {
  position: absolute;
  top: 125px;
  left: -30px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out
}

@media (max-width: 1503px) {
  .index_about .index_about_float1 {
    left: -130px
  }
}

@media (max-width: 1200px) {
  .index_about .index_about_float1 {
    left: -230px
  }
}

@media (max-width: 1024px) {
  .index_about .index_about_float1 {
    display: none
  }
}

.index_about .index_about_float2 {
  position: absolute;
  top: 150px;
  left: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out
}

@media (max-width: 1503px) {
  .index_about .index_about_float2 {
    left: -100px
  }
}

@media (max-width: 1200px) {
  .index_about .index_about_float2 {
    left: -200px
  }
}

@media (max-width: 1024px) {
  .index_about .index_about_float2 {
    display: none
  }
}

.index_about .index_about_float3 {
  position: absolute;
  top: 150px;
  right: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out
}

@media (max-width: 992px) {
  .index_about .index_about_float3 {
    top: 55px
  }
}

@media (max-width: 1024px) {
  .index_about .index_about_area .pc {
    display: none
  }
}

.index_about .index_about_area .index_about_info {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out
}

@media (max-width: 1024px) {
  .index_about .index_about_area .index_about_info {
    width: 100%
  }
}

@media (max-width: 1503px) {
  .index_about .index_about_area .index_about_info .index_about_title span {
    font-size: 45px
  }
}

@media (max-width: 581px) {
  .index_about .index_about_area .index_about_info .index_about_title span {
    font-size: 36px
  }
}

@media (max-width: 481px) {
  .index_about .index_about_area .index_about_info .index_about_title span {
    font-size: 30px
  }
}

@media (max-width: 415px) {
  .index_about .index_about_area .index_about_info .index_about_title span {
    font-size: 24px
  }
}

.index_about .index_about_area .index_about_info .index_about_txt {
  margin-bottom: 70px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out
}

@media (max-width: 992px) {
  .index_about .index_about_area .index_about_info .index_about_txt {
    margin-bottom: 30px
  }
}

.index_about .index_about_area .index_about_info .index_about_btn {
  position: relative;
  height: 28px
}

.index_about .index_about_area .index_about_info .index_about_btn div {
  position: absolute
}

@media (max-width: 581px) {
  .index_about .index_about_area .index_about_info .index_about_btn div {
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%)
  }
}

.index_about .index_about_area .index_about_info .index_about_img {
  margin-top: 70px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out
}

@media (max-width: 1024px) {
  .index_about .index_about_area .index_about_info .index_about_img {
    margin-top: 50px
  }
}

.index_news {
  padding: 70px 0 160px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out
}

@media (max-width: 581px) {
  .index_news {
    padding: 50px 0 100px
  }
}

@media (max-width: 1503px) {
  .index_news .index_news_info .index_news_title span {
    font-size: 45px
  }
}

@media (max-width: 581px) {
  .index_news .index_news_info .index_news_title span {
    font-size: 36px
  }
}

@media (max-width: 481px) {
  .index_news .index_news_info .index_news_title span {
    font-size: 30px
  }
}

@media (max-width: 415px) {
  .index_news .index_news_info .index_news_title span {
    font-size: 24px
  }
}

.index_news .index_news_area {
  padding: 0 80px;
  font-family: arial;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out
}

@media (max-width: 1503px) {
  .index_news .index_news_area {
    padding: 0
  }
}

.index_news .index_news_area div[class*="col_"] {
  padding: 0 32px
}

@media (max-width: 992px) {
  .index_news .index_news_area div[class*="col_"] {
    padding: 0
  }
}

@media (max-width: 992px) {
  .index_news .index_news_area div[class*="col_"]:last-child a {
    border-bottom: 0
  }
}

.index_news .index_news_area div[class*="col_"] a {
  display: flex;
  align-items: center;
  padding: 32px 0;
  border-bottom: 1px solid #cecece
}

.index_news .index_news_area div[class*="col_"] a .index_news_date {
  display: inline-block;
  width: 100px;
  margin-right: 40px;
  padding: 12px 20px;
  border: 2px solid #f12b34;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out
}

@media (max-width: 581px) {
  .index_news .index_news_area div[class*="col_"] a .index_news_date {
    width: 78px;
    margin-right: 10px;
    padding: 12px 0
  }
}

@media (max-width: 481px) {
  .index_news .index_news_area div[class*="col_"] a .index_news_date {
    width: 60px
  }
}

.index_news .index_news_area div[class*="col_"] a .index_news_date p {
  margin: 0;
  color: #f12b34;
  font-size: 18px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out
}

@media (max-width: 481px) {
  .index_news .index_news_area div[class*="col_"] a .index_news_date p {
    font-size: 14px
  }
}

.index_news .index_news_area div[class*="col_"] a .index_news_date p:first-child {
  position: relative;
  padding-bottom: 3px;
  font-size: 20px;
  font-weight: 900;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out
}

@media (max-width: 481px) {
  .index_news .index_news_area div[class*="col_"] a .index_news_date p:first-child {
    font-size: 16px
  }
}

.index_news .index_news_area div[class*="col_"] a .index_news_date p:first-child:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 12px;
  height: 1px;
  background: #f12b34;
  -webkit-transform: translate(-50%, 0%);
  -o-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out
}

.index_news .index_news_area div[class*="col_"] a .index_news_item {
  display: inline-block;
  width: calc(100% - 145px);
  line-height: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out
}

@media (max-width: 581px) {
  .index_news .index_news_area div[class*="col_"] a .index_news_item {
    width: calc(100% - 85px)
  }
}

@media (max-width: 481px) {
  .index_news .index_news_area div[class*="col_"] a .index_news_item {
    width: calc(100% - 68px)
  }
}

.index_news .index_news_area div[class*="col_"] a .index_news_item .index_news_art {
  height: 38px;
  margin-bottom: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out
}

@media (max-width: 481px) {
  .index_news .index_news_area div[class*="col_"] a .index_news_item .index_news_art {
    height: 30px
  }
}

.index_news .index_news_area div[class*="col_"] a .index_news_item .index_news_art p {
  margin: 10px 0 0 0;
  color: #2e2e2e;
  font-size: 18px;
  font-weight: 900;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out
}

@media (max-width: 481px) {
  .index_news .index_news_area div[class*="col_"] a .index_news_item .index_news_art p {
    margin: 0;
    font-size: 14px
  }
}

.index_news .index_news_area div[class*="col_"] a .index_news_item .index_news_des {
  height: 51px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out
}

@media (max-width: 481px) {
  .index_news .index_news_area div[class*="col_"] a .index_news_item .index_news_des {
    height: 30px
  }
}

.index_news .index_news_area div[class*="col_"] a .index_news_item .index_news_des span {
  color: #2e2e2e;
  font-size: 15px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out
}

@media (max-width: 481px) {
  .index_news .index_news_area div[class*="col_"] a .index_news_item .index_news_des span {
    font-size: 12px
  }
}

.index_news .index_news_area div[class*="col_"] a:hover .index_news_date p:first-child:after {
  width: 20px
}

.index_news .index_news_area div[class*="col_"] a:hover .index_news_art p {
  color: #e62129
}

.index_news .index_news_btn {
  position: relative;
  margin-top: 70px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out
}

@media (max-width: 992px) {
  .index_news .index_news_btn {
    margin-top: 35px
  }
}

@media (max-width: 581px) {
  .index_news .index_news_btn {
    margin-top: 20px
  }
}

.index_news .index_news_btn div {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
  -o-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%)
}

.slick-slider, .slick-slider * {
  outline: 0
}

.slick-slider .slick-arrow {
  position: absolute;
  z-index: 10;
  top: 50%;
  transform: translateY(-50%);
  margin: 0
}

.slick-slider .slick-arrow.slick-next {
  right: -2em;
  padding: 0
}

.slick-slider .slick-arrow.slick-prev {
  left: -2em;
  padding: 0
}

.slick-slider .slick-arrow i {
  padding: .8em
}

.slick-slider .slick-arrow {
  opacity: 0
}

.slick-slider:hover .slick-arrow {
  opacity: 1
}

.slick-slider:hover .slick-arrow.slick-next {
  right: 0
}

.slick-slider:hover .slick-arrow.slick-prev {
  left: 0
}

.slick-slider .slick-dots {
  padding: 0;
  margin: 0;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  list-style: none
}

.slick-slider .slick-dots li+li {
  margin-left: 10px
}

.slick-slider .slick-dots li button, .slick-slider .slick-dots li .btn-prev, .slick-slider .slick-dots li .btn-next {
  line-height: 0;
  color: transparent;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  border-color: #f12b34;
  background: #f12b34
}

.slick-slider .slick-dots li button:after, .slick-slider .slick-dots li .btn-prev:after, .slick-slider .slick-dots li .btn-next:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #f12b34;
  border-radius: 100%
}

.slick-slider .slick-dots li.slick-active button, .slick-slider .slick-dots li.slick-active .btn-prev, .slick-slider .slick-dots li.slick-active .btn-next {
  border-color: #e62129;
  background: #e62129
}

.slick-slider .slick-dots li.slick-active button:after, .slick-slider .slick-dots li.slick-active .btn-prev:after, .slick-slider .slick-dots li.slick-active .btn-next:after {
  background: #e62129
}

.slick-slider .slick-slide {
  padding: 3px
}

.google_translate_element, .googleTranslate {
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 0
}

.google_translate_element select, .googleTranslate select {
  margin: 0 !important;
  padding: 0;
  width: 100%;
  height: 100%;
  background: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0
}

.albumList .itemList .item> :nth-child(1) {
  width: 100%
}

.albumList .itemList .item> :nth-child(2) {
  width: 100%
}

.albumList .itemList .item .itemImg {
  padding-bottom: 75%
}

.albumList .itemList .item .itemImg img {
  width: auto;
  height: auto;
  max-width: none;
  max-height: none
}

@media (max-width: 1200px) {
  .albumList .itemList .item {
    width: 33.333%
  }
}

@media (max-width: 992px) {
  .albumList .itemList .item {
    width: 50%
  }
}

@media (max-width: 768px) {
  .albumList .itemList .item {
    width: 50%
  }
}

@media (max-width: 440px) {
  .albumList .itemList .item {
    width: 50%;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 25.6px
  }
}

@media (max-width: 440px) {
  .albumList .itemList>div {
    margin-left: -8px;
    margin-right: -8px
  }
}

.albumList .itemTitle, .albumList .downloadList .itemList.downloadListType1 .item .itemIcon, .downloadList .itemList.downloadListType1 .item .albumList .itemIcon {
  font-size: 16px
}

.albumList .itemTitle:hover, .albumList .downloadList .itemList.downloadListType1 .item .itemIcon:hover, .downloadList .itemList.downloadListType1 .item .albumList .itemIcon:hover {
  color: #f12b34
}

@media (max-width: 440px) {
  .albumList .itemTitle, .albumList .downloadList .itemList.downloadListType1 .item .itemIcon, .downloadList .itemList.downloadListType1 .item .albumList .itemIcon {
    line-height: 1.3;
    margin-bottom: 10px;
    margin-top: 10px
  }
}

.albumList .dateStyle {
  font-size: 14px;
  line-height: 14px;
  color: gray;
  padding-left: 1.5em
}

.albumList .dateStyle i {
  color: #f12b34;
  padding-right: .5em;
  margin-left: -1.5em
}

.albumList .dateStyle .dateY {
  padding-right: 1em
}

.albumList .itemTotal {
  font-size: 14px;
  color: gray
}

.albumList .itemTotal i {
  color: #f12b34;
  padding-right: .5em
}

.itemList.photos .itemImg:after {
  content: "\f002"
}

.itemList.waterPhotos .item {
  padding: 16px
}

.itemList.waterPhotos .item .itemImg {
  padding-bottom: 0;
  height: auto
}

.itemList.waterPhotos .item .itemImg img {
  position: static;
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: noee;
  min-height: 0;
  min-width: 0;
  transform: none;
  -webkit-transform: none
}

.itemList.waterPhotos .item .itemImg:after {
  content: "\f002"
}

.videoList .itemList .item> :nth-child(1) {
  width: 100%
}

.videoList .itemList .item> :nth-child(2) {
  width: 100%
}

.videoList .itemList .item .itemImg {
  padding-bottom: 75%
}

.videoList .itemList .item .itemImg img {
  max-width: 200%;
  max-height: 200%;
  min-width: 100%;
  min-height: 100%
}

.videoList .itemList .item .itemImg:after {
  content: "\f04b"
}

.videoList .itemList .item .itemTitle, .videoList .downloadList .itemList.downloadListType1 .item .itemIcon, .downloadList .videoList .itemList.downloadListType1 .item .itemIcon {
  font-size: 16px
}

.videoList .itemList .item .itemTitle:hover, .videoList .downloadList .itemList.downloadListType1 .item .itemIcon:hover, .downloadList .videoList .itemList.downloadListType1 .item .itemIcon:hover {
  color: #f12b34
}

.videoList .itemList .item .dateStyle {
  font-size: 14px;
  line-height: 14px;
  color: gray
}

.videoList .itemList .item .dateStyle i {
  color: #f12b34;
  padding-right: .5em
}

.videoList .itemList .item .itemTotal {
  font-size: 14px;
  color: #8c8c8c
}

@media (max-width: 1200px) {
  .videoList .itemList .item {
    width: 33.333%
  }
}

@media (max-width: 992px) {
  .videoList .itemList .item {
    width: 50%
  }
}

@media (max-width: 768px) {
  .videoList .itemList .item {
    width: 100%
  }
}

.newsList .itemList .item {
  padding-top: 32px;
  padding-bottom: 32px
}

.newsList .itemList.newsListType1 .item {
  display: flex;
  display: -webkit-flex;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  border-top: 1px solid rgba(179, 179, 179, 0.5)
}

.newsList .itemList.newsListType1 .item> :nth-child(1) {
  flex: 1 0 auto;
  -webkit-flex: 0 0 auto
}

.newsList .itemList.newsListType1 .item> :nth-child(2) {
  flex: 1 1 auto;
  -webkit-flex: 1 1 auto
}

.newsList .itemList.newsListType1 .item .dateStyle {
  min-width: 150px
}

.newsList .itemList.newsListType1 .item [class*="dateStyle"] {
  margin-right: 32px
}

.newsList .itemList.newsListType2 .item {
  border-top: 1px solid rgba(179, 179, 179, 0.5)
}

.newsList .itemList.newsListType2 .item> :nth-child(1) {
  width: 25%
}

.newsList .itemList.newsListType2 .item> :nth-child(2) {
  width: 75%
}

.newsList .itemList.newsListType2 .item> :nth-child(2) {
  padding-left: 64px
}

@media (max-width: 768px) {
  .newsList .itemList.newsListType2 .item> :nth-child(2) {
    padding-left: 0;
    padding-right: 0;
    padding-top: 32px
  }
}

.newsList .itemList.newsListType2 .item .itemImg {
  padding-bottom: 75%
}

.newsList .itemList.newsListType2 .item .itemImg img {
  width: auto;
  height: auto;
  max-width: none;
  max-height: none
}

.faqList .itemList .item {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 32px;
  flex-direction: column;
  -webkit-flex-direction: column;
  border: 1px solid #b3b3b3;
  border-radius: 2px;
  overflow: hidden
}

.faqList .itemList .item .itemTitle, .faqList .downloadList .itemList.downloadListType1 .item .itemIcon, .downloadList .faqList .itemList.downloadListType1 .item .itemIcon {
  padding: .5em 2.5em;
  display: inline-block;
  line-height: 1.5em;
  width: 100%;
  font-size: 19px;
  position: relative;
  cursor: pointer
}

.faqList .itemList .item .itemTitle:before, .faqList .downloadList .itemList.downloadListType1 .item .itemIcon:before, .downloadList .faqList .itemList.downloadListType1 .item .itemIcon:before {
  content: "\f059";
  display: inline-block;
  font-family: FontAwesome;
  font-size: 1em;
  padding-right: .5em;
  margin-left: -1.5em
}

.faqList .itemList .item .itemTitle:after, .faqList .downloadList .itemList.downloadListType1 .item .itemIcon:after, .downloadList .faqList .itemList.downloadListType1 .item .itemIcon:after {
  content: "\f105";
  display: inline-block;
  font-family: FontAwesome;
  font-size: 1em;
  padding-right: .5em;
  padding-left: .5em;
  position: absolute;
  right: .5em;
  top: 50%;
  color: #b3b3b3;
  transform: rotate(0) translateY(-50%);
  -webkit-transform: rotate(0) translateY(-50%)
}

.faqList .itemList .item .itemTitle:hover, .faqList .downloadList .itemList.downloadListType1 .item .itemIcon:hover, .downloadList .faqList .itemList.downloadListType1 .item .itemIcon:hover {
  background: rgba(7, 28, 82, 0.5);
  color: #f12b34
}

.faqList .itemList .item .itemTitle:hover:before, .faqList .downloadList .itemList.downloadListType1 .item .itemIcon:hover:before, .downloadList .faqList .itemList.downloadListType1 .item .itemIcon:hover:before {
  color: #f12b34
}

.faqList .itemList .item.active .itemTitle, .faqList .downloadList .itemList.downloadListType1 .item.active .itemIcon, .downloadList .faqList .itemList.downloadListType1 .item.active .itemIcon {
  color: #f12b34
}

.faqList .itemList .item.active .itemTitle:before, .faqList .downloadList .itemList.downloadListType1 .item.active .itemIcon:before, .downloadList .faqList .itemList.downloadListType1 .item.active .itemIcon:before {
  color: #f12b34
}

.faqList .itemList .item.active .itemTitle:after, .faqList .downloadList .itemList.downloadListType1 .item.active .itemIcon:after, .downloadList .faqList .itemList.downloadListType1 .item.active .itemIcon:after {
  transform-origin: center top;
  transform: rotate(90deg) translateY(-50%);
  -webkit-transform-origin: center top;
  -webkit-transform: rotate(90deg) translateY(-50%);
  color: #333
}

.faqList .itemList .item .itemContent {
  padding: .5em 1em;
  border-top: 1px solid rgba(179, 179, 179, 0.5);
  color: #333
}

@media (max-width: 1024px) {
  .proCatalog {
    display: none
  }
}

.proList .itemList .item> :nth-child(1) {
  width: 100%
}

.proList .itemList .item> :nth-child(2) {
  width: 100%
}

.proList .itemList .item .itemImg {
  background: none;
  padding-bottom: 100%
}

.proList .itemList .item .itemImg img {
  max-width: none;
  max-height: none;
  width: auto;
  height: auto
}

.proList .itemList .item .itemImg:after {
  content: "\f067"
}

.proList .itemList .item .itemTitle, .proList .downloadList .itemList.downloadListType1 .item .itemIcon, .downloadList .proList .itemList.downloadListType1 .item .itemIcon {
  font-size: 16px
}

@media (max-width: 440px) {
  .proList .itemList .item .itemTitle, .proList .downloadList .itemList.downloadListType1 .item .itemIcon, .downloadList .proList .itemList.downloadListType1 .item .itemIcon {
    line-height: 1.3;
    margin-top: 10px
  }
}

.proList .itemList .item .itemInfo {
  font-size: 14px;
  color: gray
}

.proList .itemList .item .itemInfo i {
  color: #b3b3b3;
  padding-right: .5em
}

@media (max-width: 440px) {
  .proList .itemList .item .itemInfo {
    display: none
  }
}

.proList .itemList .item .itemAddCart {
  font-size: 14px;
  color: #f12b34
}

.proList .itemList .item .itemAddCart i {
  color: #f12b34;
  padding-right: .5em
}

.proList .itemList .item .itemAddCart:hover {
  color: #0a2978
}

@media (max-width: 440px) {
  .proList .itemList .item .itemAddCart {
    display: none
  }
}

.proList .itemList .item .itemPrice {
  font-size: 19px;
  text-align: right;
  line-height: 1.35
}

.proList .itemList .item .del {
  text-decoration: line-through
}

.proList .itemList .item .tips {
  display: none
}

@media (max-width: 1200px) {
  .proList .itemList .item {
    width: 33.333%
  }
}

@media (max-width: 992px) {
  .proList .itemList .item {
    width: 50%
  }
}

@media (max-width: 768px) {
  .proList .itemList .item {
    width: 50%
  }
}

@media (max-width: 440px) {
  .proList .itemList .item {
    width: 50%;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 25.6px
  }
}

@media (max-width: 440px) {
  .proList .itemList>div {
    margin-left: -8px;
    margin-right: -8px
  }
}

@media (max-width: 440px) {
  .proList .itemList.listType2>div {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap
  }
  .proList .itemList.listType2 .itemContent {
    display: none
  }
}

@media (min-width: 440px) {
  .proList .itemList.listType2 .item {
    width: 100%;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap
  }
  .proList .itemList.listType2 .item> :nth-child(1) {
    width: auto;
    flex: 0 0 300px;
    -webkit-flex: 0 0 300px
  }
  .proList .itemList.listType2 .item> :nth-child(2) {
    width: auto;
    flex: auto;
    -webkit-flex: auto;
    padding-left: 16px
  }
}

@media (max-width: 768px) and (min-width: 440px) {
  .proList .itemList.listType2 .item {
    flex-direction: row;
    -webkit-flex-direction: row;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    width: 100%
  }
  .proList .itemList.listType2 .item> :nth-child(1) {
    width: auto !important;
    flex: 0 0 35%;
    -webkit-flex: 0 0 35%
  }
  .proList .itemList.listType2 .item> :nth-child(2) {
    width: auto !important
  }
}

@media (max-width: 1024px) {
  .proList>div {
    flex-direction: column;
    -webkit-flex-direction: column
  }
  .proList>div>div:nth-child(1) {
    width: 100%;
    margin-bottom: 32px
  }
  .proList>div>div:nth-child(2) {
    width: 100%;
    margin-bottom: 32px
  }
}

.proList.shop .itemList .item {
  position: relative
}

.proList.shop .itemList .item .itemAddCart, .proList.shop .itemList .item .itemRemoveFavor, .proList.shop .itemList .item .itemAddFavor {
  font-size: 14px;
  width: 25px;
  height: 25px;
  display: inline-flex;
  display: -webkit-inline-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  border-radius: 100%;
  text-align: center;
  padding: 0;
  border: 1px solid #f12b34;
  background: #f12b34;
  position: relative
}

.proList.shop .itemList .item .itemAddCart *, .proList.shop .itemList .item .itemRemoveFavor *, .proList.shop .itemList .item .itemAddFavor * {
  line-height: 1;
  padding: 0
}

.proList.shop .itemList .item .itemAddCart, .proList.shop .itemList .item .itemAddCart *, .proList.shop .itemList .item .itemRemoveFavor, .proList.shop .itemList .item .itemRemoveFavor *, .proList.shop .itemList .item .itemAddFavor, .proList.shop .itemList .item .itemAddFavor * {
  color: #fff
}

.proList.shop .itemList .item .itemAddCart.active, .proList.shop .itemList .item .itemAddCart:hover, .proList.shop .itemList .item .itemRemoveFavor.active, .proList.shop .itemList .item .itemRemoveFavor:hover, .proList.shop .itemList .item .itemAddFavor.active, .proList.shop .itemList .item .itemAddFavor:hover {
  background: #fff
}

.proList.shop .itemList .item .itemAddCart.active, .proList.shop .itemList .item .itemAddCart.active *, .proList.shop .itemList .item .itemAddCart:hover, .proList.shop .itemList .item .itemAddCart:hover *, .proList.shop .itemList .item .itemRemoveFavor.active, .proList.shop .itemList .item .itemRemoveFavor.active *, .proList.shop .itemList .item .itemRemoveFavor:hover, .proList.shop .itemList .item .itemRemoveFavor:hover *, .proList.shop .itemList .item .itemAddFavor.active, .proList.shop .itemList .item .itemAddFavor.active *, .proList.shop .itemList .item .itemAddFavor:hover, .proList.shop .itemList .item .itemAddFavor:hover * {
  color: #f12b34
}

.proList.shop .itemList .item .itemAddCart+*, .proList.shop .itemList .item .itemRemoveFavor+*, .proList.shop .itemList .item .itemAddFavor+* {
  margin-left: .5em
}

.proList.shop .itemList .item .itemAddCart .tips, .proList.shop .itemList .item .itemRemoveFavor .tips, .proList.shop .itemList .item .itemAddFavor .tips {
  display: none;
  position: absolute;
  width: 7em;
  height: 2em;
  bottom: -2.5em;
  text-align: center;
  z-index: 100;
  left: 50%;
  transform: translateX(-50%)
}

.proList.shop .itemList .item .itemAddCart:hover .tips, .proList.shop .itemList .item .itemRemoveFavor:hover .tips, .proList.shop .itemList .item .itemAddFavor:hover .tips {
  display: inline-block
}

.proList.shop .itemList .item .itemPrice {
  text-align: left;
  padding-right: .5em
}

.proList.shop .itemList .item .itemIcon {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 14px;
  z-index: 100
}

.proList.shop .itemList .item .itemIcon i {
  font-style: normal
}

.proList.shop .itemList .item .itemIcon .spIcon {
  width: 3em;
  height: 3em;
  display: inline-flex;
  display: -webkit-inline-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  border-radius: 100%;
  text-align: center;
  padding: 0;
  border: 1px solid #f12b34;
  background: #f12b34;
  border-color: rgba(255, 255, 255, 0.5)
}

.proList.shop .itemList .item .itemIcon .spIcon * {
  line-height: 1;
  padding: 0
}

.proList.shop .itemList .item .itemIcon .spIcon, .proList.shop .itemList .item .itemIcon .spIcon * {
  color: #fff
}

.proList.shop .itemList .item .itemIcon .spIcon.active, .proList.shop .itemList .item .itemIcon .spIcon:hover {
  background: #fff
}

.proList.shop .itemList .item .itemIcon .spIcon.active, .proList.shop .itemList .item .itemIcon .spIcon.active *, .proList.shop .itemList .item .itemIcon .spIcon:hover, .proList.shop .itemList .item .itemIcon .spIcon:hover * {
  color: #f12b34
}

.proList.shop .itemList .item .itemIcon .spIcon.red {
  background: #d13428
}

.proList.shop .itemList .item .itemIcon .spIcon.yellow {
  background: #f2ad13
}

.proList.shop .itemList .item .itemIcon .spIcon.org {
  background: #f24613
}

.proList.shop .itemList .item .itemIcon img {
  width: auto;
  height: auto;
  min-height: 0;
  min-width: 0;
  max-width: 35px;
  max-height: 35px;
  position: static;
  transform: none;
  -webkit-transform: none
}

@media (max-width: 768px) {
  .proList.shop .itemList .item .itemPrice {
    display: block
  }
}

@media (max-width: 440px) {
  .proList.shop .itemList .item .itemIcon {
    top: 5px;
    right: 5px
  }
  .proList.shop .itemList .item .itemIcon img {
    max-width: 30px;
    max-height: 30px
  }
}

.proList.shop.favorite .itemSpec {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column
}

.proList.shop.favorite .itemSpec img {
  max-width: 1em;
  max-height: 1em;
  display: inline;
  vertical-align: middle
}

.proList.shop.favorite .itemSpec label {
  font-size: 14px
}

.proInquiry .itemList .item {
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-direction: row;
  -webkit-flex-direction: row;
  padding-bottom: 25.6px;
  margin-bottom: 25.6px
}

.proInquiry .itemList .item .itemContent {
  width: 100%
}

.proInquiry .itemList .item>* {
  padding: 0 16px
}

.proInquiry .itemList .item {
  border-bottom: 1px solid rgba(179, 179, 179, 0.5)
}

.proInquiry .itemList .item:last-child {
  border-color: transparent
}

.proInquiry .itemList .item .itemImg {
  background: none;
  width: 6em;
  padding-bottom: 6em
}

.proInquiry .itemList .item .itemImg:after {
  content: "\f067"
}

.proInquiry .itemList .item .itemTitle, .proInquiry .downloadList .itemList.downloadListType1 .item .itemIcon, .downloadList .proInquiry .itemList.downloadListType1 .item .itemIcon {
  font-size: 16px
}

.proInquiry .itemList .item .itemInfo {
  font-size: 14px;
  color: #999
}

.proInquiry .itemList .item .itemInfo i {
  color: #b3b3b3;
  padding-right: .5em
}

.proInquiry .itemList .item .itemNum {
  width: 4em;
  height: 2em;
  padding: 0;
  text-align: center;
  vertical-align: middle
}

@media (max-width: 768px) {
  .proInquiry .itemList .item>*:nth-child(1) {
    width: auto !important;
    padding-left: 0
  }
  .proInquiry .itemList .item>*:nth-child(2) {
    padding-right: 0
  }
  .proInquiry .itemList .item .itemImg {
    width: 4em;
    padding-bottom: 4em
  }
  .proInquiry .itemList .item .itemInfo {
    display: none
  }
}

.proDetail .itemProShow {
  position: relative
}

.proDetail .itemIcon {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 14px;
  z-index: 100
}

.proDetail .itemIcon i {
  font-style: normal
}

.proDetail .itemIcon .spIcon {
  width: 3em;
  height: 3em;
  display: inline-flex;
  display: -webkit-inline-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  border-radius: 100%;
  text-align: center;
  padding: 0;
  border: 1px solid #f12b34;
  background: #f12b34;
  border-color: rgba(255, 255, 255, 0.5)
}

.proDetail .itemIcon .spIcon * {
  line-height: 1;
  padding: 0
}

.proDetail .itemIcon .spIcon, .proDetail .itemIcon .spIcon * {
  color: #fff
}

.proDetail .itemIcon .spIcon.active, .proDetail .itemIcon .spIcon:hover {
  background: #fff
}

.proDetail .itemIcon .spIcon.active, .proDetail .itemIcon .spIcon.active *, .proDetail .itemIcon .spIcon:hover, .proDetail .itemIcon .spIcon:hover * {
  color: #f12b34
}

.proDetail .itemIcon .spIcon.red {
  background: #d13428
}

.proDetail .itemIcon .spIcon.yellow {
  background: #f2ad13
}

.proDetail .itemIcon .spIcon.org {
  background: #f24613
}

.proDetail .itemIcon img {
  width: auto;
  height: auto;
  min-height: 0;
  min-width: 0;
  max-width: 35px;
  max-height: 35px;
  position: static;
  transform: none;
  -webkit-transform: none
}

.proDetail .itemImg {
  background: none;
  padding-bottom: 100%
}

.proDetail .itemImg:before, .proDetail .itemImg:after {
  content: '\f00e'
}

@media (max-width: 1024px) {
  .proDetail .itemImg:before, .proDetail .itemImg:after {
    display: none
  }
}

.proDetail .itemSlickNav {
  padding: 32px 48px
}

.proDetail .itemSlickNav .itemImg {
  padding-bottom: 100%
}

.proDetail .itemSlickNav .itemImg img {
  height: 100%;
  width: auto;
  max-width: none
}

.proDetail .itemSlickNav .itemImg:before {
  content: ''
}

.proDetail .itemSlickNav .itemImg:after {
  display: none;
  content: ''
}

.proDetail .itemSlickNav .slick-current .itemImg:before {
  opacity: 1;
  top: 0;
  left: 50%;
  width: 100%;
  z-index: 100;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0)
}

.proDetail .itemSlickNav .slick-arrow {
  opacity: 1
}

.proDetail .itemSlickNav .slick-arrow.slick-next {
  right: 0
}

.proDetail .itemSlickNav .slick-arrow.slick-prev {
  left: 0
}

@media (max-width: 1024px) {
  .proDetail .itemSlickNav {
    display: none
  }
}

.proDetail .itemForm {
  margin: 32px 0;
  padding: 32px 0;
  border-top: 1px solid rgba(179, 179, 179, 0.5)
}

.proDetail .itemContent {
  margin: 57.6px 0;
  min-height: 320px
}

.proDetail .itemTitle, .proDetail .downloadList .itemList.downloadListType1 .item .itemIcon, .downloadList .itemList.downloadListType1 .item .proDetail .itemIcon {
  line-height: 1.35
}

.proDetail .itemSN {
  color: rgba(51, 51, 51, 0.5);
  font-size: 14px
}

.proDetail .itemPrice {
  font-size: 19px;
  font-weight: bold
}

.proDetail .itemPrice small {
  padding-left: 1em;
  font-weight: normal
}

.proDetail .itemSP {
  font-size: 19px
}

.proDetail .itemSP a {
  display: inline-block;
  margin-right: 1em;
  font-size: 19px;
  border-radius: 2px;
  color: #d13428
}

.proDetail .itemSP a:hover {
  opacity: .8
}

.proDetail .shopForm .formItem>* {
  display: inline-block;
  width: auto
}

.proDetail .shopForm .formItem>label {
  margin-right: 16px
}

@media (max-width: 440px) {
  .proDetail .shopForm .formItem>label {
    display: block
  }
}

.proDetail .stockTips {
  color: #333;
  padding-left: 1em
}

.proDetail .stockTips[data-stockStatus='1'] {
  color: gray
}

.proDetail .stockTips[data-stockStatus='2'] {
  color: #d13428
}

.proDetail .stockTips[data-stockStatus='3'] {
  color: #000
}

.proDetail .plusLink * {
  margin-right: 16px
}

.proDetail .plusLink *:last-child {
  margin-right: 0
}

.proDetail .hrTitle {
  margin: 16px auto
}

.proDetail .addFavort {
  width: 40px;
  height: 40px;
  display: inline-flex;
  display: -webkit-inline-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  border-radius: 100%;
  text-align: center;
  padding: 0;
  border: 1px solid #f12b34;
  background: #f12b34
}

.proDetail .addFavort * {
  line-height: 1;
  padding: 0
}

.proDetail .addFavort, .proDetail .addFavort * {
  color: #fff
}

.proDetail .addFavort.active, .proDetail .addFavort:hover {
  background: #fff
}

.proDetail .addFavort.active, .proDetail .addFavort.active *, .proDetail .addFavort:hover, .proDetail .addFavort:hover * {
  color: #f12b34
}

.proListFun form {
  align-items: center;
  -webkit-align-items: center
}

.proListFun .formItem {
  margin-bottom: 0
}

.proListFun .formItem label {
  display: inline-block
}

.proListFun .formItem select {
  width: auto;
  height: 2em;
  line-height: 2em
}

.proListFun .gridChange a {
  opacity: .5
}

.proListFun .gridChange a:hover {
  opacity: 1
}

.proListFun .gridChange a+a {
  margin-left: 1em
}

@media (max-width: 1200px) {
  .proListFun .gridChange {
    display: none
  }
}

@media (max-width: 1200px) {
  .proListFun .listCount {
    display: none
  }
}

@media (max-width: 1024px) {
  .proListFun {
    display: none
  }
}

@media (max-width: 1024px) {
  .sideFilter {
    display: none
  }
}

.proPlusBuy .item {
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  margin-bottom: 16px
}

.proPlusBuy .item .itemImg {
  height: 60px;
  width: 60px;
  padding-bottom: 0
}

.proPlusBuy .item .itemImg:before, .proPlusBuy .item .itemImg:after {
  display: none
}

@media (max-width: 440px) {
  .proPlusBuy .item .itemImg {
    height: 40px;
    width: 40px
  }
}

.proPlusBuy .item .checkbox label {
  padding-right: 0
}

.proPlusBuy .item .checkbox input[type="checkbox"]:not(:disabled)+span:before {
  border-color: #f12b34
}

.proPlusBuy .item select {
  height: 2em;
  line-height: 2em
}

.proPlusBuy .item .itemInfo {
  padding-left: 16px;
  padding-right: 16px;
  line-height: 1.35
}

.proPlusBuy .item .itemPrice {
  color: #d13428
}

@media (max-width: 768px) {
  .proPlusBuy .item {
    flex-direction: row;
    -webkit-flex-direction: row
  }
  .proPlusBuy .item .checkbox {
    flex: 0 0 30px;
    -webkit-flex: 0 0 30px
  }
  .proPlusBuy .item .itemInfo {
    flex: 1 1 auto;
    -webkit-flex: 1 1 auto
  }
  .proPlusBuy .item .itemThumb {
    flex: 0 0 40px;
    -webkit-flex: 0 0 40px
  }
}

.relatedPro #relateProSlid {
  padding-left: 57.6px;
  padding-right: 57.6px;
  overflow: visible
}

.relatedPro #relateProSlid .slick-arrow {
  opacity: 1
}

.relatedPro #relateProSlid .slick-prev {
  left: 0
}

.relatedPro #relateProSlid .slick-next {
  right: 0
}

@media (max-width: 440px) {
  .relatedPro #relateProSlid {
    padding-left: 0;
    padding-right: 0;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap
  }
  .relatedPro #relateProSlid .item {
    width: 50%
  }
}

.stickyFilter {
  display: none
}

@media (max-width: 1024px) {
  .stickyFilter {
    display: block;
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 0;
    font-size: 14px;
    text-align: center;
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    opacity: 1;
    z-index: 10;
    top: 0;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transition: all .3s ease;
    -webkit-transition: all .3s ease
  }
  .stickyFilter .filterBtn {
    display: flex;
    align-items: center;
    justify-content: space-around;
    display: -webkit-flex;
    -webkit-align-items: center;
    -webkit-justify-content: space-around;
    height: 40px;
    position: relative;
    z-index: 1
  }
  .stickyFilter .filterBtn>* {
    flex: 1;
    -webkit-flex: 1
  }
  .stickyFilter *+* {
    border-left: 1px solid #f12b34
  }
  .stickyFilter.open {
    top: 50px;
    transform: translateY(0);
    -webkit-transform: translateY(0)
  }
  #proFilter .boxContent {
    overflow-y: auto
  }
  #proFilter .sideForm {
    height: auto;
    overflow: visible;
    max-height: none
  }
  #proListOrder .mainContent {
    height: 100%
  }
  #proListOrder form {
    height: 100%;
    margin: auto;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center
  }
}

.downloadList .itemList .item {
  padding-top: 32px;
  padding-bottom: 32px
}

.downloadList .itemList.downloadListType1 .item {
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  border-top: 1px solid rgba(179, 179, 179, 0.5)
}

.downloadList .itemList.downloadListType1 .item>div:first-child {
  display: flex;
  display: -webkit-flex
}

.downloadList .itemList.downloadListType1 .item .itemIcon {
  display: inline-block;
  vertical-align: top;
  padding-right: 32px;
  color: #f12b34
}

.downloadList .itemList.downloadListType1 .item .itemLink {
  text-align: right;
  font-size: 14px;
  white-space: nowrap;
  color: gray;
  padding-left: 32px
}

.downloadList .itemList.downloadListType1 .item .itemLink i {
  color: #f12b34;
  padding-right: .5em
}

.downloadList .itemList.downloadListType1 .item a:hover, .downloadList .itemList.downloadListType1 .item a:hover i {
  color: #f12b34
}

@media (max-width: 768px) {
  .downloadList .itemList.downloadListType1 .item {
    justify-content: flex-start;
    -webkit-justify-content: flex-start
  }
  .downloadList .itemList.downloadListType1 .item .itemLink {
    text-align: left;
    padding-left: 0
  }
  .downloadList .itemList.downloadListType1 .item .itemIcon {
    display: none
  }
}

.downloadList .itemList.downloadListType2 .item> :nth-child(1) {
  width: 100%
}

.downloadList .itemList.downloadListType2 .item> :nth-child(2) {
  width: 100%
}

.downloadList .itemList.downloadListType2 .item .itemImg {
  padding-bottom: 141.42857%
}

.downloadList .itemList.downloadListType2 .item .itemImg img {
  max-width: none;
  max-height: none;
  min-width: 0;
  min-height: 0;
  width: auto;
  height: auto
}

.downloadList .itemList.downloadListType2 .item .itemTitle, .downloadList .itemList.downloadListType2 .itemList.downloadListType1 .item .itemIcon, .downloadList .itemList.downloadListType1 .itemList.downloadListType2 .item .itemIcon {
  font-size: 16px
}

.downloadList .itemList.downloadListType2 .item .itemTitle:hover, .downloadList .itemList.downloadListType2 .itemList.downloadListType1 .item .itemIcon:hover, .downloadList .itemList.downloadListType1 .itemList.downloadListType2 .item .itemIcon:hover {
  color: #f12b34
}

.downloadList .itemList.downloadListType2 .item .dateStyle {
  font-size: 14px;
  line-height: 14px;
  color: #8c8c8c
}

.downloadList .itemList.downloadListType2 .item .itemLink {
  font-size: 14px;
  color: gray
}

.downloadList .itemList.downloadListType2 .item .itemLink i {
  color: #f12b34;
  padding-right: .5em
}

@media (max-width: 1200px) {
  .downloadList .itemList.downloadListType2 .item {
    width: 33.333%
  }
}

@media (max-width: 992px) {
  .downloadList .itemList.downloadListType2 .item {
    width: 50%
  }
}

@media (max-width: 768px) {
  .downloadList .itemList.downloadListType2 .item {
    width: 100%
  }
}

.pageDetail .item>* {
  width: 100%
}

.pageDetail .itemImg {
  width: auto;
  height: auto;
  padding-bottom: 0;
  margin: 32px auto;
  background: none
}

.pageDetail .itemImg img {
  position: static;
  transform: none;
  -webkit-transform: none
}

.pageDetail .itemImg:hover:before, .pageDetail .itemImg:hover:after {
  display: none
}

.pageDetail .itemContent {
  color: #333;
  margin-bottom: 48px
}

.memberOrderList .noticPay.orderStatus, .orderProList .noticPay.itemStatus {
  color: #d13428;
  text-decoration: underline
}

.memberOrderList .ship.orderStatus, .orderProList .ship.itemStatus {
  color: #f12b34
}

.memberOrderList .done.orderStatus, .orderProList .done.itemStatus {
  color: #aaa
}

.memberOrderList .light.orderStatus, .orderProList .light.itemStatus {
  color: #d13428
}

.memberBlockLogin button, .memberBlockLogin .btn-prev, .memberBlockLogin .btn-next {
  margin-right: 1em
}

.orderProList th {
  white-space: nowrap
}

.orderProList td {
  vertical-align: top;
  width: auto;
  white-space: nowrap
}

.orderProList td label, .orderProList td span {
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle
}

.orderProList th, .orderProList td {
  padding-left: 1em;
  padding-right: 1em
}

.orderProList .itemSP {
  color: #d13428
}

.orderProList .itemImg {
  padding-bottom: 100%
}

.orderProList .itemImg img {
  max-width: 100%;
  max-height: 100%;
  min-height: 0;
  min-width: 0
}

.orderProList .itemImg:before, .orderProList .itemImg:after {
  display: none
}

.orderProList .itemPrice>*, .orderProList .itemSpec>* {
  display: block;
  vertical-align: top;
  padding-right: .5em
}

.orderProList .itemPrice img, .orderProList .itemSpec img {
  max-width: 1em;
  vertical-align: middle
}

.orderProList .itemPrice span, .orderProList .itemSpec span {
  display: inline-flex;
  display: -webkit-inline-flex;
  align-items: center;
  -webkit-align-items: center
}

.orderProList .itemPrice .th, .orderProList .itemSpec .th {
  display: inline-block;
  padding-right: .5em
}

.orderProList .itemTitle, .orderProList .downloadList .itemList.downloadListType1 .item .itemIcon, .downloadList .itemList.downloadListType1 .item .orderProList .itemIcon {
  font-size: 16px;
  display: flex;
  display: -webkit-flex
}

.orderProList .itemTitle> :nth-child(1), .orderProList .downloadList .itemList.downloadListType1 .item .itemIcon> :nth-child(1), .downloadList .itemList.downloadListType1 .item .orderProList .itemIcon> :nth-child(1) {
  flex: 0 0 60px;
  -webkit-flex: 0 0 60px
}

.orderProList .itemTitle> :nth-child(2), .orderProList .downloadList .itemList.downloadListType1 .item .itemIcon> :nth-child(2), .downloadList .itemList.downloadListType1 .item .orderProList .itemIcon> :nth-child(2) {
  flex: 1 1 auto;
  -webkit-flex: 1 1 auto
}

.orderProList .itemTitle> :nth-child(2)>*, .orderProList .downloadList .itemList.downloadListType1 .item .itemIcon> :nth-child(2)>*, .downloadList .itemList.downloadListType1 .item .orderProList .itemIcon> :nth-child(2)>* {
  white-space: normal;
  padding: 0 .5em
}

.orderProList .th {
  font-size: 14px
}

@media (max-width: 992px) {
  .orderProList th, .orderProList td {
    padding: 0 .5em
  }
}

@media (max-width: 768px) {
  .orderProList table.rwdTable tr {
    width: 100%;
    margin-bottom: 32px
  }
  .orderProList table.rwdTable tr td {
    display: block
  }
  .orderProList table.rwdTable tr .th {
    font-weight: bold;
    width: auto
  }
  .orderProList .itemPrice, .orderProList .itemSpec {
    display: table
  }
  .orderProList .itemPrice>div, .orderProList .itemSpec>div {
    display: table-row
  }
  .orderProList .itemPrice>div label, .orderProList .itemPrice>div span, .orderProList .itemSpec>div label, .orderProList .itemSpec>div span {
    display: table-cell;
    white-space: normal;
    vertical-align: top;
    padding: 0 .5em
  }
}

.orderProList .orderCoupon {
  display: block;
  margin: 16px 0
}

.orderProList .orderTotal {
  display: table;
  width: 100%;
  margin: 16px 0
}

.orderProList .orderTotal td {
  border: 0;
  background: none;
  padding: 0;
  padding-right: 1em
}

.orderProList .orderTotal .total {
  font-size: 19px
}

.orderProList .orderTotal .total>td {
  border-top: 1px solid #ccc
}

.orderProList .orderTotal .tips {
  color: #d13428;
  font-size: 19px;
  margin: 16px 0;
  display: inline-block;
  text-decoration: underline
}

.orderCancel, .orderCancel:focus, .orderCancel i {
  color: #d13428
}

.bonusBlock .blockInfo {
  margin-bottom: 16px
}

.bonusBlock .bonusTotal {
  display: block
}

.bonusBlock .bonusTotal span {
  color: #d13428
}

.bonusBlock .bonusUsed {
  display: block
}

.bonusBlock .bonusUsed span {
  color: gray
}

.payInformation {
  border: 1px solid #f12b34;
  padding: 16px 32px
}

.checkOutStep ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center
}

.checkOutStep ul li {
  flex: 1;
  -webkit-flex: 1;
  text-align: center
}

.checkOutStep ul li .icon, .checkOutStep ul li .txt {
  display: inline-block;
  width: 100%
}

.checkOutStep ul li .icon {
  width: 60px;
  height: 60px;
  display: inline-flex;
  display: -webkit-inline-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  border-radius: 100%;
  text-align: center;
  padding: 0;
  border: 1px solid #f12b34;
  background: #f12b34;
  font-size: 19px;
  position: relative;
  z-index: 1
}

.checkOutStep ul li .icon * {
  line-height: 1;
  padding: 0
}

.checkOutStep ul li .icon, .checkOutStep ul li .icon * {
  color: #fff
}

.checkOutStep ul li .icon.active, .checkOutStep ul li .icon:hover {
  background: #fff
}

.checkOutStep ul li .icon.active, .checkOutStep ul li .icon.active *, .checkOutStep ul li .icon:hover, .checkOutStep ul li .icon:hover * {
  color: #f12b34
}

.checkOutStep ul li .icon, .checkOutStep ul li .icon:hover {
  background: #b3b3b3;
  border-color: #b3b3b3
}

.checkOutStep ul li .icon i, .checkOutStep ul li .icon:hover i {
  color: #fff
}

.checkOutStep ul li .txt {
  margin-top: -31px;
  padding-top: 31px;
  position: relative;
  border-top: 2px solid #b3b3b3;
  z-index: 0
}

.checkOutStep ul li .txt, .checkOutStep ul li .txt * {
  text-align: center
}

.checkOutStep ul li.active .icon {
  background: #f12b34;
  border-color: #f12b34
}

.checkOutStep ul li.active .txt {
  border-color: #f12b34
}

@media (max-width: 768px) {
  .checkOutStep {
    position: relative;
    padding-bottom: 110px
  }
  .checkOutStep ul li .txt {
    position: absolute;
    width: 100%;
    left: 0;
    top: 60px
  }
  .checkOutStep ul li:not(.active) .txt {
    display: none
  }
}

.checkOutStep_Style1 ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center
}

.checkOutStep_Style1 ul li {
  flex: 1;
  -webkit-flex: 1;
  text-align: center
}

.checkOutStep_Style1 ul li .icon, .checkOutStep_Style1 ul li .txt {
  display: inline-block;
  width: 100%
}

.checkOutStep_Style1 ul li .icon {
  width: 60px;
  height: 60px;
  display: inline-flex;
  display: -webkit-inline-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  border-radius: 100%;
  text-align: center;
  padding: 0;
  border: 1px solid #f12b34;
  background: #f12b34;
  font-size: 19px;
  position: relative;
  z-index: 1
}

.checkOutStep_Style1 ul li .icon * {
  line-height: 1;
  padding: 0
}

.checkOutStep_Style1 ul li .icon, .checkOutStep_Style1 ul li .icon * {
  color: #fff
}

.checkOutStep_Style1 ul li .icon.active, .checkOutStep_Style1 ul li .icon:hover {
  background: #fff
}

.checkOutStep_Style1 ul li .icon.active, .checkOutStep_Style1 ul li .icon.active *, .checkOutStep_Style1 ul li .icon:hover, .checkOutStep_Style1 ul li .icon:hover * {
  color: #f12b34
}

.checkOutStep_Style1 ul li .icon, .checkOutStep_Style1 ul li .icon:hover {
  background: #b3b3b3;
  border-color: #b3b3b3
}

.checkOutStep_Style1 ul li .icon i, .checkOutStep_Style1 ul li .icon:hover i {
  color: #fff
}

.checkOutStep_Style1 ul li .txt {
  margin-top: -31px;
  padding-top: 31px;
  position: relative;
  border-top: 2px solid #b3b3b3;
  z-index: 0
}

.checkOutStep_Style1 ul li .txt, .checkOutStep_Style1 ul li .txt * {
  text-align: center
}

.checkOutStep_Style1 ul li.active .icon {
  background: #f12b34;
  border-color: #f12b34
}

.checkOutStep_Style1 ul li.active .txt {
  border-color: #f12b34
}

@media (max-width: 768px) {
  .checkOutStep_Style1 {
    position: relative;
    padding-bottom: 110px
  }
  .checkOutStep_Style1 ul li .txt {
    position: absolute;
    width: 100%;
    left: 0;
    top: 60px
  }
  .checkOutStep_Style1 ul li:not(.active) .txt {
    display: none
  }
}

.checkOutStep_Style2 ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  position: relative;
  overflow: hidden
}

.checkOutStep_Style2 ul li {
  flex: 1;
  -webkit-flex: 1;
  position: relative;
  background: #ccc;
  margin-right: 52.5px;
  line-height: 70px;
  height: 70px
}

.checkOutStep_Style2 ul li:before {
  content: "";
  border-top: 35px solid #ccc;
  border-bottom: 35px solid #ccc;
  border-left: 35px solid transparent;
  position: absolute;
  right: 100%;
  top: 0
}

.checkOutStep_Style2 ul li:after {
  content: "";
  border-top: 35px solid transparent;
  border-bottom: 35px solid transparent;
  border-left: 35px solid #ccc;
  position: absolute;
  right: -35px;
  top: 0;
  z-index: 1
}

.checkOutStep_Style2 ul li .icon, .checkOutStep_Style2 ul li .txt {
  display: inline-block;
  vertical-align: middle
}

.checkOutStep_Style2 ul li .icon {
  width: 40px;
  height: 40px;
  display: inline-flex;
  display: -webkit-inline-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  border-radius: 100%;
  text-align: center;
  padding: 0;
  border: 1px solid #f12b34;
  background: #f12b34;
  border-radius: 100%;
  margin-left: 16px;
  margin-right: 16px;
  font-size: 19px;
  position: relative;
  z-index: 1
}

.checkOutStep_Style2 ul li .icon * {
  line-height: 1;
  padding: 0
}

.checkOutStep_Style2 ul li .icon, .checkOutStep_Style2 ul li .icon * {
  color: #fff
}

.checkOutStep_Style2 ul li .icon.active, .checkOutStep_Style2 ul li .icon:hover {
  background: #fff
}

.checkOutStep_Style2 ul li .icon.active, .checkOutStep_Style2 ul li .icon.active *, .checkOutStep_Style2 ul li .icon:hover, .checkOutStep_Style2 ul li .icon:hover * {
  color: #f12b34
}

.checkOutStep_Style2 ul li .icon, .checkOutStep_Style2 ul li .icon:hover {
  background: #b3b3b3;
  border-color: #b3b3b3
}

.checkOutStep_Style2 ul li .icon i, .checkOutStep_Style2 ul li .icon:hover i {
  color: #fff
}

.checkOutStep_Style2 ul li .txt {
  position: relative;
  z-index: 0;
  line-height: 1.5
}

.checkOutStep_Style2 ul li .txt, .checkOutStep_Style2 ul li .txt * {
  text-align: left
}

.checkOutStep_Style2 ul li .txt .articleTitle {
  line-height: 1.3
}

.checkOutStep_Style2 ul li.active {
  background: #0d369d
}

.checkOutStep_Style2 ul li.active:not(:first-child):before {
  border-top-color: #0d369d;
  border-bottom-color: #0d369d
}

.checkOutStep_Style2 ul li.active:after {
  border-left-color: #0d369d
}

.checkOutStep_Style2 ul li.active .icon {
  background: #f12b34;
  border-color: #f12b34
}

.checkOutStep_Style2 ul li.active .txt {
  border-color: #f12b34
}

.checkOutStep_Style2 ul li.active .txt, .checkOutStep_Style2 ul li.active .txt * {
  color: #fff
}

@media (max-width: 1024px) {
  .checkOutStep_Style2 {
    position: relative;
    padding-bottom: 110px
  }
  .checkOutStep_Style2 ul {
    padding-left: 35px;
    padding-right: 35px
  }
  .checkOutStep_Style2 ul:before {
    content: "";
    border-top: 35px solid #ccc;
    border-bottom: 35px solid #ccc;
    border-left: 35px solid transparent;
    position: absolute;
    left: 0;
    top: 0
  }
  .checkOutStep_Style2 ul:after {
    content: "";
    border-top: 35px solid transparent;
    border-bottom: 35px solid transparent;
    border-left: 35px solid #ccc;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
  }
  .checkOutStep_Style2 ul {
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    overflow: visible
  }
  .checkOutStep_Style2 ul li {
    text-align: center;
    position: static;
    margin-right: 0
  }
  .checkOutStep_Style2 ul li:before, .checkOutStep_Style2 ul li:after {
    display: none
  }
  .checkOutStep_Style2 ul li .icon {
    margin-left: 0;
    margin-right: 0
  }
  .checkOutStep_Style2 ul li .txt {
    width: 100%;
    position: absolute;
    text-align: center;
    top: 86px;
    left: 0
  }
  .checkOutStep_Style2 ul li.active {
    background: #ccc
  }
  .checkOutStep_Style2 ul li.active .txt, .checkOutStep_Style2 ul li.active .txt * {
    color: #333;
    white-space: nowrap;
    text-align: center;
    line-height: 1.5
  }
  .checkOutStep_Style2 ul li:not(.active) .txt {
    display: none
  }
}

.checkOutStep_Style3 ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  position: relative;
  overflow: hidden
}

.checkOutStep_Style3 ul li {
  flex: 1;
  -webkit-flex: 1;
  border-style: solid;
  border-color: #ccc;
  border-width: 1px;
  margin-left: 16px;
  margin-right: 16px;
  line-height: 70px;
  height: 70px
}

.checkOutStep_Style3 ul li .icon, .checkOutStep_Style3 ul li .txt {
  display: inline-block;
  vertical-align: middle
}

.checkOutStep_Style3 ul li .icon {
  width: 40px;
  height: 40px;
  display: inline-flex;
  display: -webkit-inline-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  border-radius: 100%;
  text-align: center;
  padding: 0;
  border: 1px solid #f12b34;
  background: #f12b34;
  border-radius: 100%;
  margin-left: 16px;
  margin-right: 16px;
  font-size: 19px;
  position: relative;
  z-index: 1
}

.checkOutStep_Style3 ul li .icon * {
  line-height: 1;
  padding: 0
}

.checkOutStep_Style3 ul li .icon, .checkOutStep_Style3 ul li .icon * {
  color: #fff
}

.checkOutStep_Style3 ul li .icon.active, .checkOutStep_Style3 ul li .icon:hover {
  background: #fff
}

.checkOutStep_Style3 ul li .icon.active, .checkOutStep_Style3 ul li .icon.active *, .checkOutStep_Style3 ul li .icon:hover, .checkOutStep_Style3 ul li .icon:hover * {
  color: #f12b34
}

.checkOutStep_Style3 ul li .icon, .checkOutStep_Style3 ul li .icon:hover {
  border: 0;
  background: #ccc
}

.checkOutStep_Style3 ul li .icon i, .checkOutStep_Style3 ul li .icon:hover i {
  color: #fff
}

.checkOutStep_Style3 ul li .txt {
  position: relative;
  z-index: 0;
  line-height: 1.5
}

.checkOutStep_Style3 ul li .txt, .checkOutStep_Style3 ul li .txt * {
  text-align: left
}

.checkOutStep_Style3 ul li .txt .articleTitle {
  line-height: 1.3;
  font-weight: normal;
  font-size: 19px
}

.checkOutStep_Style3 ul li.active {
  border-bottom-color: #0d369d;
  border-bottom-width: 1px
}

.checkOutStep_Style3 ul li.active .icon {
  background: #0d369d;
  border-color: #f12b34
}

@media (max-width: 1024px) {
  .checkOutStep_Style3 {
    position: relative;
    padding-bottom: 110px
  }
  .checkOutStep_Style3 ul {
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    overflow: visible;
    border-style: solid;
    border-color: #ccc;
    border-width: 1px
  }
  .checkOutStep_Style3 ul li {
    border: 0;
    text-align: center;
    position: static;
    margin-right: 0
  }
  .checkOutStep_Style3 ul li:before, .checkOutStep_Style3 ul li:after {
    display: none
  }
  .checkOutStep_Style3 ul li .icon {
    margin-left: 0;
    margin-right: 0
  }
  .checkOutStep_Style3 ul li .txt {
    width: 100%;
    position: absolute;
    text-align: center;
    top: 86px;
    left: 0
  }
  .checkOutStep_Style3 ul li.active {
    border: 0
  }
  .checkOutStep_Style3 ul li.active .txt, .checkOutStep_Style3 ul li.active .txt * {
    color: #333;
    white-space: nowrap;
    text-align: center;
    line-height: 1.5
  }
  .checkOutStep_Style3 ul li:not(.active) .txt {
    display: none
  }
}

.checkOutForm .tips {
  color: #d13428
}

.checkOutForm .invoiceInfo {
  display: none;
  margin: 16px 0
}

.checkOutForm .invoiceInfo.open, .checkOutForm .invoiceInfo.active {
  display: block
}

.checkOutForm .marketInfo input:disabled {
  color: #333
}

.indexContent_3 .slideBanner+* {
  margin-top: 0
}

.indexContent_3 .marqueeBlock {
  background: #f12b34
}

.indexContent_3 .marqueeBlock a {
  color: #fff
}

@media (min-width: 1025px) {
  .indexContent_3 .marqueeBlock .marquee {
    height: 50px
  }
}

@media (max-width: 1024px) {
  .indexContent_3 .marqueeBlock ul li {
    margin: 0;
    padding: .5em 0
  }
}

.indexContent_3 .articleBlockStyle03 {
  margin: 0 auto;
  text-align: center
}

.indexContent_3+footer {
  margin-top: 0
}

form .numSet input {
  width: 70px
}

.form .numSet input {
  width: 70px
}

.tabList_center {
  justify-content: center
}

.proList .itemList .item .itemPrice {
  color: #ff5353
}

.proDetail .itemTitle, .proDetail .downloadList .itemList.downloadListType1 .item .itemIcon, .downloadList .itemList.downloadListType1 .item .proDetail .itemIcon {
  color: #005dbc;
  font-size: 30px
}

.share_social {
  margin-top: 10px
}

.share_social ul {
  margin: 0;
  padding: 0;
  list-style: none
}

.share_social ul li {
  display: inline-block;
  margin-right: 5px;
  vertical-align: top
}

.share_social ul li .social_txt {
  font-size: 16px;
  line-height: 30px
}

.share_social ul li .btn_clipboard {
  cursor: pointer
}

.proList_bgColor .itemList> :first-child {
  padding-left: -16px;
  padding-right: -16px
}

.proList_bgColor .itemList .item {
  padding-left: 16px;
  padding-right: 16px
}

.proList_bgColor .itemList .item> :nth-child(2) {
  padding: 20px;
  background-color: #eeeeee
}

.proList_FullLine {
  padding-right: 32px;
  padding-left: 32px
}

.proList_FullLine .itemList .item {
  padding-top: 32px;
  padding-bottom: 32px;
  border: 1px solid #cccccc;
  border-right: 0;
  border-bottom: 0
}

.proList_FullLine .itemList .item:nth-child(4n) {
  border-right: 1px solid #cccccc
}

.proList_FullLine .itemList .item:nth-last-child(1) {
  border-bottom: 1px solid #cccccc
}

.proList_FullLine .itemList .item:nth-last-child(2) {
  border-bottom: 1px solid #cccccc
}

.proList_FullLine .itemList .item:nth-last-child(3) {
  border-bottom: 1px solid #cccccc
}

.proList_FullLine .itemList .item:nth-last-child(4) {
  border-bottom: 1px solid #cccccc
}

.proList_line>div:first-child {
  margin-left: -16px;
  margin-right: -16px
}

.proList_line .itemList .item {
  padding-left: 16px;
  padding-right: 16px
}

.proList_line .itemList .item .item_group {
  border-radius: 10px;
  overflow: hidden;
  text-align: center;
  border: 1px solid #cccccc
}

.proList_line .itemList .item .item_group .itemTitle, .proList_line .downloadList .itemList.downloadListType1 .item .item_group .itemIcon, .downloadList .proList_line .itemList.downloadListType1 .item .item_group .itemIcon {
  text-align: center
}

.proList_line .itemList .item .item_group .itemImg {
  border-radius: 10px 10px 0 0
}

>.proList_line .itemList .item .item_group:nth-child(2) {
  padding: 15px
}

.newsListType3>div:first-child {
  margin-left: -16px;
  margin-right: -16px
}

.newsListType3 .item {
  padding-left: 16px;
  padding-right: 16px
}

.newsListType3 .item a {
  width: 100%;
  display: block;
  padding: 10px 20px 15px;
  background-color: #fff;
  border: 1px solid #ececec;
  transition: all .5s
}

.newsListType3 .item a:hover {
  box-shadow: 0px 20px 40px 1.4px rgba(149, 149, 149, 0.35)
}

.newsListType3 .item .itemImg:before {
  display: none
}

.newsListType3 .item .itemImg:after {
  display: none
}

.newsListType3 .item:hover .news_readMore .newsReadMore_txt {
  color: #0050A3
}

.newsListType3 .item:hover .news_readMore .addIcon {
  background-color: #0050A3
}

.newsListType3 .item:hover .news_readMore .addIcon:before {
  background-color: #0050A3
}

.newsListType3 .item:hover .news_readMore .addIcon:after {
  background-color: #0050A3
}

.newsListType3 .dateStyle_4>div:nth-child(2) {
  text-align: left
}

.newsListType3 .dateStyle_4 .dateLM {
  color: #e5e5e5;
  font-size: 65px;
  margin-right: 12px;
  font-weight: 400
}

.newsListType3 .dateStyle_4 span {
  line-height: 1.5;
  display: block
}

.newsListType3 .dateStyle_4 .dateM {
  color: #a2546e;
  font-size: 17px;
  letter-spacing: 0.15em;
  font-weight: 800
}

.newsListType3 .dateStyle_4 .dateYD {
  color: #626262;
  font-size: 15px;
  letter-spacing: 0.15em
}

.newsListType3 .newsItem_block {
  text-align: center;
  margin-top: 15px
}

.newsListType3 .newsItem_block .news_tag {
  color: #fff;
  font-size: 13px;
  padding: 2px 8px;
  letter-spacing: 0.15em;
  display: inline-block;
  margin-bottom: 15px
}

.newsListType3 .newsItem_block .news_readMore {
  text-align: center;
  margin-top: 20px
}

.newsListType3 .newsItem_block .news_readMore .newsReadMore_txt {
  margin: 0;
  color: #a4a4a4;
  letter-spacing: 0.35em
}

.newsListType3 .newsItem_block .news_readMore .addIcon {
  position: relative;
  display: inline-block;
  color: #ffffff;
  width: 24px;
  height: 24px;
  line-height: 23px;
  border-radius: 24px;
  background-color: #a4a4a4
}

.newsListType3 .newsItem_block .news_readMore .addIcon:before {
  content: '';
  position: absolute;
  top: 12px;
  width: 65px;
  height: 1px;
  background-color: #a4a4a4;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  left: 40px
}

.newsListType3 .newsItem_block .news_readMore .addIcon:after {
  content: '';
  position: absolute;
  top: 12px;
  width: 65px;
  height: 1px;
  background-color: #a4a4a4;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  right: 40px
}

.newsTag_cis1 {
  background: #8daa8e
}

.newsTag_cis2 {
  background: #5d6c7a
}

.newsListType4 a {
  width: 100%;
  display: block
}

.newsListType4 .time_date {
  position: relative
}

.newsListType4 .time_date .dateStyle {
  width: 80px;
  height: 80px;
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 5;
  color: #ffffff;
  padding: 10px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.7)
}

.newsListType4 .time_date .dateStyle:before {
  content: "";
  position: absolute;
  left: 5px;
  right: 5px;
  top: 5px;
  bottom: 5px;
  border: 1px solid #ffffff
}

.newsListType4 .time_date .dateStyle span {
  display: block;
  line-height: 1
}

.newsListType4 .time_date .dateStyle .dateD {
  font-size: 30px;
  padding-top: 5px
}

.newsListType4 .time_date .dateStyle .dateM {
  font-size: 16px;
  padding-top: 3px
}

.newsListType5 .dateStyle {
  position: relative;
  color: #0050A3
}

.newsListType5 .dateStyle:after {
  position: absolute;
  right: 0;
  top: 50%;
  left: 100px;
  height: 1px;
  background: #cccccc;
  content: '';
  display: inline-block;
  width: auto
}

.newsList .itemList.newsListType5 .item>a:nth-child(1) {
  width: 25%
}

.newsList .itemList.newsListType5 .item>a:nth-child(2) {
  width: 75%;
  padding-left: 30px
}

.newsList .itemList.newsListType5 .item .itemImg2 {
  width: 100%;
  height: 0;
  position: relative;
  overflow: hidden;
  z-index: 1;
  background: #f3f3f3;
  padding: 5px 5px 94.8% 5px;
  border: 1px solid #cccccc;
  position: relative;
  border-radius: 0
}

.newsList .itemList.newsListType5 .item .itemImg2 img {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  display: block;
  width: 100%;
  height: 100%;
  max-width: calc(100% - 10px);
  max-height: calc(100% - 10px)
}

.newsList .itemList.newsListType5 .item .itemImg2 .itemImg_line img {
  max-width: calc(100% - 10px);
  max-height: calc(100% - 10px)
}

.newsList .itemList.newsListType5 .item .itemImg2 .itemImg_line::before {
  content: "";
  position: absolute;
  transition: all 0.2s linear;
  background: #0050A3;
  width: 1px;
  height: 15px;
  left: 0;
  top: 0;
  transition-duration: 0.4s
}

.newsList .itemList.newsListType5 .item .itemImg2 .itemImg_line::after {
  content: "";
  position: absolute;
  transition: all 0.2s linear;
  background: #0050A3;
  width: 1px;
  height: 15px;
  right: 0;
  bottom: 0;
  transition-duration: 0.4s
}

.newsList .itemList.newsListType5 .item .itemImg2::before {
  content: "";
  position: absolute;
  transition: all 0.2s linear;
  background: #0050A3;
  width: 15px;
  height: 1px;
  left: 0;
  top: 0;
  transition-duration: 0.4s
}

.newsList .itemList.newsListType5 .item .itemImg2::after {
  content: "";
  position: absolute;
  transition: all 0.2s linear;
  background: #0050A3;
  width: 15px;
  height: 1px;
  right: 0;
  bottom: 0;
  transition-duration: 0.4s
}

.newsList .itemList.newsListType5 .item:hover .itemImg2::before {
  width: 100%
}

.newsList .itemList.newsListType5 .item:hover .itemImg2::after {
  width: 100%
}

.newsList .itemList.newsListType5 .item:hover .itemImg2 .itemImg_line::before {
  height: 100%
}

.newsList .itemList.newsListType5 .item:hover .itemImg2 .itemImg_line::after {
  height: 100%
}

.newsList .itemList.newsListType6 {
  text-align: center
}

.newsList .itemList.newsListType6 .item a {
  width: 100%;
  display: block
}

.newsList .itemList.newsListType6 .item .itemNumber span {
  color: #a2a2a2;
  font-size: 40px;
  position: relative;
  padding: 0 70px
}

.newsList .itemList.newsListType6 .item .itemNumber span:before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: 5px;
  width: 53px;
  height: 1px;
  background: #cccccc;
  left: 0
}

.newsList .itemList.newsListType6 .item .itemNumber span:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: 5px;
  width: 53px;
  height: 1px;
  background: #cccccc;
  right: 0
}

.newsList .itemList.newsListType6 .item .dateStyle {
  font-size: 14px
}

.newsList .itemList.newsListType6 .item .itemImg {
  margin: 15px 0
}

.newsList .itemList.newsListType6 .item .itemImg img {
  transition: all 0.3s linear;
  -webkit-backface-visibility: hidden
}

.newsList .itemList.newsListType6 .item .itemImg:hover img {
  transform: scale(1.1) translate(-50%, -50%)
}

@media (max-width: 1200px) {
  .proList_FullLine .itemList .item:nth-child(4n) {
    border-right: 0
  }
  .proList_FullLine .itemList .item:nth-last-child(4) {
    border-bottom: 0
  }
  .proList_FullLine .itemList .item:nth-child(3n) {
    border-right: 1px solid #cccccc
  }
  .proList_FullLine .itemList .item:last-child {
    border-right: 1px solid #cccccc
  }
}

@media (max-width: 992px) {
  .proList_FullLine .itemList .item:nth-child(3n) {
    border-right: 0
  }
  .proList_FullLine .itemList .item:nth-last-child(3) {
    border-bottom: 0
  }
  .proList_FullLine .itemList .item:nth-child(2n) {
    border-right: 1px solid #cccccc
  }
  .newsListType3 .item {
    width: 50%
  }
  .newsList .itemList.newsListType5>div {
    width: 100%
  }
}

@media (max-width: 440px) {
  .proList_FullLine {
    padding-right: 8px;
    padding-left: 8px
  }
}

@media (max-width: 667px) {
  .newsListType3 .item {
    width: 100%
  }
}

@media (max-width: 768px) {
  .newsList .itemList.newsListType5 .item {
    padding-top: 0;
    padding-bottom: 0
  }
  >.newsList .itemList.newsListType5 .item:nth-child(2) {
    padding-left: 0;
    margin-top: 15px
  }
  .newsList .itemList.newsListType5 .item .itemImg2 .itemImg_line img {
    max-width: calc(100% - 16px);
    max-height: calc(100% - 16px)
  }
}

.lan a {
  margin-left: 10px;
}

.lan {
  color: #fff;
  border-left: 1px solid #fff;
  padding-left: 20px;
  margin-left: 20px;
  display: flex;
  align-items: center;
}

.lan #google_translate_element {
  margin-left: 10px;
}

.lan:before {
  display: none;
}

.topLink {
  background: #535555 !important;
}

.index_pro_content a {
  color: #fff;
  display: block;
}

.index_pro_content a:hover {
  color: #ffc4c6;
}

.slick-slider .slick-arrow.slick-next img {
  width: 70px;
}

footer .copyright {
  background: #1a1a1a !important;
  color: #959595 !important;
}

.zbanner {
  height: 360px;
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
}

.Bbox_view_full {
  padding: 0;
}

.about_m {
  min-height: 500px;
  padding-bottom: 50px;
}

.page {
  margin: 30px 0;
  text-align: center;
}

.page li {
  display: inline-block;
  margin: 0 2px;
}

.page li a {
  display: block;
  height: 30px;
  line-height: 30px;
  border: 1px solid #e62129;
  padding: 0 10px;
}

.page .thisclass {
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
}

.page li a:hover, .page .thisclass {
  background: #e62129;
  color: #fff;
}

.nynavtit {
  width: 100%;
  height: 100px;
  background: #e62129;
  overflow: hidden;
  margin-bottom: 15px;
}

.nynavtit h1 {
  background: url(../images/nynavfl.png) left bottom no-repeat;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  margin: 29px 0 0 32px;
  padding-bottom: 32px;
}

.nav_main {
  width: 100%;
}

.nav_main ul {
  padding: 0;
}

.nav_main ul li {
  list-style: none;
}

.nav_main>ul>li>a {
  width: 100%;
  line-height: 50px;
  background: #e1e1e1;
  text-indent: 35px;
  color: #423636;
  display: block;
  text-align: left;
  margin-top: 2px;
  position: relative;
}

.nav_main ul li {
  position: relative;
}

.nav_main ul li i {
  position: absolute;
  right: 0;
  top: 0;
  width: 20%;
  height: 50px;
  display: block;
  background: url("../images/menu_a_bg.png") center no-repeat;
  cursor: pointer;
  z-index: 100;
}

.nav_main ul li i.on {
  background: url("../images/menu_a_bg_h.png") center no-repeat;
}

.nav_main>ul>li>a:hover {
  background: #e62129;
  color: #fff;
}

.nav_main>ul>li>.sub>li>a {
  width: 100%;
  background: #d4d4d4;
  text-indent: 35px;
  color: #423636;
  display: block;
  text-align: left;
  position: relative;
  line-height: 40px;
  font-size: 14px;
}

.nav_main>ul>li>.sub>li>a:hover {
  background: #8e8e8e;
  color: #ffffff;
}

.nav_main>ul>li>.sub>li i {
  height: 40px !important;
}

.nav_main>ul>li>.sub>li>ul>li>a {
  line-height: 40px;
  text-indent: 35px;
  display: block;
  font-size: 14px;
  background: #ababab;
  border-bottom: 1px solid #8a8a8a;
}

.nav_main>ul>li>.sub>li>ul>li>a:hover {
  color: #e62129;
}

.nav_main>ul>li ul {
  display: block;
}

.nav_main>ul>li>.sub>li>ul>li:hover .lastNav {
  display: block;
}

.nav_main>ul>li>.sub>li>ul>li .lastNav {
  display: none;
  position: absolute;
  left: 236px;
  top: 0;
  width: 236px;
  z-index: 100;
}

.lastNav a {
  line-height: 40px;
  text-indent: 35px;
  display: block;
  font-size: 14px;
  background: #ababab;
  border-bottom: 1px solid #8a8a8a;
}

.lastNav a:hover {
  color: #e62129;
}

.m {
  width: 1200px;
  margin: auto;
  padding: 0 32px;
}

.rdcplist .item {
  padding: 0 15px 20px;
}

.rdcplist .itemTitle {
  line-height: 50px;
}

.showpro {
  margin: 0 auto;
  width: 100%;
}

.protxt {
  margin-left: 50px;
}

.protxt h1 {
  padding-top: 14px;
  padding-bottom: 16px;
  color: #e62129;
  font-size: 24px;
}

.sheck {
  width: 100%;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 14px;
  margin-bottom: 21px;
}

.sheck span {
  float: left;
  font-size: 18px;
  text-transform: uppercase;
  color: #666666;
}

.sheck .img {
  float: left;
  padding-left: 10px;
  margin-top: -2px;
}

.protxt .inp {
  padding-top: 63px;
  text-align: center;
}

.protxt .inp a {
  display: inline-block;
  width: 188px;
  line-height: 33px;
  background-image: linear-gradient(90deg, #e62129 10%, #ee272f 50%, #fb3139);
  background-size: 200% 100%;
  color: #fff;
  text-align: center;
  border-radius: 50px;
  font-size: 16px;
  margin: 0 10px;
  text-transform: uppercase;
  transition: background-position .6s ease;
  text-decoration: none;
}

.protxt .inp a:hover {
  background-position: right center;
}

.description {
  font-size: 14px;
  line-height: 30px;
  color: #666666;
}

.nytit {
  text-align: left;
  color: rgba(30, 30, 30, 1);
  font-weight: 400;
  border-bottom: 2px solid #b3b3b3;
  padding: 30px 0 10px;
}

.nytit h1 {
  font-size: 24px;
  color: #000000;
  line-height: 30px;
  display: inline-block;
  margin: 0;
}

.box {
  width: 310px;
  margin: auto;
}

.tb-pic a {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.tb-pic a img {
  vertical-align: middle;
}

.tb-pic a {
  *display: block;
  *font-family: Arial;
  *line-height: 1;
}

.tb-thumb {
  margin: 10px 0 0;
  overflow: hidden;
}

.tb-thumb li {
  background: none repeat scroll 0 0 transparent;
  float: left;
  height: 42px;
  margin: 0 6px 0 0;
  overflow: hidden;
  padding: 1px;
  box-sizing: content-box;
}

.tb-s310, .tb-s310 a {
  height: 310px;
  width: 310px;
}

.tb-s310, .tb-s310 img {
  max-height: 310px;
  max-width: 310px;
}

.tb-s310 a {
  *font-size: 271px;
}

.tb-s40 a {
  *font-size: 35px;
}

.tb-s40, .tb-s40 a {
  height: 40px;
  width: 40px;
}

.tb-booth {
  border: 1px solid #CDCDCD;
  position: relative;
  z-index: 1;
  box-sizing: initial;
}

.tb-thumb .tb-selected {
  background: none repeat scroll 0 0 #C30008;
  height: 40px;
  padding: 2px;
  box-sizing: content-box;
}

.tb-thumb .tb-selected div {
  background-color: #FFFFFF;
  border: medium none;
}

.tb-thumb li div {
  border: 1px solid #CDCDCD;
  float: left;
  box-sizing: content-box;
}

div.zoomDiv {
  z-index: 999;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 200px;
  height: 200px;
  background: #ffffff;
  border: 1px solid #CCCCCC;
  display: none;
  text-align: center;
  overflow: hidden;
}

div.zoomMask {
  position: absolute;
  background: url("../images/mask.png") repeat scroll 0 0 transparent;
  cursor: move;
  z-index: 1;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.clearfloat:after {
  content: '';
  display: block;
  clear: both;
}

.nycon {
  width: 880px;
}

.nym {
  margin-top: 30px;
  line-height: 30px;
  margin-bottom: 50px;
  min-height: 300px;
}

.nym img {
  max-width: 100%;
  height: auto !important;
}

.date {
  margin: 20px 0 0;
  font-size: 14px;
}

#map {
  height: 500px;
  margin-top: 30px;
}

.choosebg {
  width: 100%;
  background: url(../images/about_choose_bg.png);
  padding-bottom: 120px;
}

.choose {
  width: 1200px;
  margin: 0 auto;
  padding-top: 90px;
}

.choose h1 {
  font-size: 32px;
  color: #fff;
  text-align: center;
}

.choose .line {
  width: 68px;
  height: 22px;
  border-bottom: 2px solid #6b6d71;
  margin: 0 auto;
  margin-bottom: 80px;
}

.choose li {
  padding: 0 79px 95px;
  display: inline-block;
}

.choose li .right {
  width: 350px;
  float: left;
}

.choose li .img {
  float: left;
  padding-top: 20px;
  padding-right: 20px;
  max-width: 70px;
  max-height: 70px;
}

.choose li .right .name {
  font-size: 20px;
  color: #fff;
  text-transform: uppercase;
  padding-bottom: 30px;
}

.choose li .right p {
  font-size: 16px;
  color: #b2b2b2;
}

.about_main .section3 {
  padding: 0 0;
}

.about_main .section3 .container_s {
  position: relative;
}

.about_main .section3 .items {
  margin-top: 70px;
}

.about_main .section3 .item {
  width: 20%;
  padding: 0 8px;
  float: left;
}

.about_main .section3 .item .year {
  font-family: 'akb';
  font-size: 30px;
  padding-bottom: 15px;
  border-bottom: 4px solid transparent;
}

.about_main .section3 .item .year {
  color: #fff;
  border-color: #fff;
}

.about_main .section3 .item:hover .year {
  color: #e70011;
  border-color: #e70011;
}

.about_main .section3 .item p {
  margin-top: 30px;
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  text-align: left;
}

.container_s {
  width: 86%;
  height: 100%;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}

.common_btn {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 8px 14px;
  cursor: pointer;
  box-shadow: 0 5px 10px rgba(204, 204, 204, .5);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.left_btn {
  background-image: url(../images/left_icon1.png);
  left: -80px;
}

.right_btn {
  background-image: url(../images/right_icon1.png);
  right: -80px;
}

@font-face {
  font-family: 'akb';
  src: url('../fonts/AKZIDENZGROTESK-MEDIUMCONDALT.OTF');
}

.choosebg .blockTitle:not([class*="blockTitleStyle-"]) {
  color: #fff;
}

.choosebg .blockTitle:not([class*="blockTitleStyle-"]):after {
  background: #fff;
}

.headerType1 .navMenu>li:nth-child(7) ul, .headerType1 .navMenu>li:nth-child(8) ul {
  display: none !important;
}

.proList .about_m {
  margin-top: 30px;
}

#mbPanel {
  display: none;
}

.jobs-wrap .main {
  width: 1205px;
  margin: 0 auto;
}

@media screen and (max-width: 1279px) {
  .jobs-wrap .main {
    width: 90%;
  }
}

.jobs-wrap .intro {
  padding: 3.5% 0 1.7%;
  border-bottom: 1px solid #e5e5e5;
}

.jobs-wrap .intro .tips {
  float: left;
  width: 29%;
  font-size: 16px;
  line-height: 2;
  color: #666;
}

@media screen and (max-width: 1023px) {
  .jobs-wrap .intro .tips {
    font-size: 14px;
  }
}

.jobs-wrap .intro .tips a {
  color: #666;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.jobs-wrap .intro .tips a:hover {
  color: #e70011;
}

.jobs-wrap .intro .tips h2 {
  position: relative;
  padding-left: 120px;
  font-size: 24px;
  line-height: 2;
  color: #666;
}

.jobs-wrap .intro .tips h2::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 96px;
  height: 1px;
  background-color: #000;
}

@media screen and (max-width: 1023px) {
  .jobs-wrap .intro .tips h2 {
    padding-left: 60px;
    font-size: 18px;
  }
  .jobs-wrap .intro .tips h2::before {
    width: 48px;
  }
}

.jobs-wrap .intro .tips h3 {
  margin-bottom: 34px;
  font: 40px/64px Arial;
  color: #000;
  text-transform: uppercase;
}

.jobs-wrap .intro .tips h3 b {
  color: #e70011;
}

@media screen and (max-width: 1023px) {
  .jobs-wrap .intro .tips h3 {
    font-size: 24px;
    line-height: 2;
  }
}

.jobs-wrap .intro .search {
  float: right;
  width: 62%;
  padding-top: 48px;
  margin-right: 2.5%;
  font-size: 16px;
  line-height: 30px;
  color: #666;
}

@media screen and (max-width: 1023px) {
  .jobs-wrap .intro .search {
    padding-top: 5%;
  }
}

.jobs-wrap .intro .search a {
  color: #666;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.jobs-wrap .intro .search a:hover {
  color: #e70011;
}

.jobs-wrap .intro .search span {
  font-size: 14px;
  color: #e70011;
}

@media screen and (max-width: 1023px) {
  .jobs-wrap .intro .search span {
    line-height: 24px;
  }
}

.jobs-wrap .intro .search form {
  position: relative;
  margin-top: 25px;
}

.jobs-wrap .intro .search form input {
  width: 600px;
  height: 42px;
  padding: 0 10px;
  border: 1px solid #ccc;
  border-radius: 10px;
  background-color: #f7f7f7;
  box-shadow: -3px 0 3px rgba(0, 0, 0, 0.1);
  font-size: 14px;
  line-height: 42px;
  color: #666;
}

.jobs-wrap .intro .search form input[type="submit"] {
  width: 150px;
  height: 44px;
  padding-left: 60px;
  background: #e70011 url(../images/bg_sign11.png) no-repeat 32px center;
  margin-left: -30px;
  box-shadow: none;
  color: #fff;
}

@media screen and (max-width: 1023px) {
  .jobs-wrap .intro .search form input {
    width: 80%;
  }
  .jobs-wrap .intro .search form input[type="submit"] {
    position: absolute;
    right: 0;
  }
}

@media screen and (max-width: 1279px) {
  .jobs-wrap .intro {
    padding: 3.5% 0 5%;
  }
  .jobs-wrap .intro .tips {
    float: none;
    width: 100%;
  }
  .jobs-wrap .intro .tips h3 {
    margin-bottom: 0;
  }
  .jobs-wrap .intro .search {
    float: none;
    width: 100%;
    margin-right: 0;
  }
}

.jobs-wrap .list {
  padding: 4% 0 6%;
}

.jobs-wrap .list li {
  position: relative;
  border: 1px solid #ccc;
  margin-bottom: 18px;
  list-style: none;
}

.jobs-wrap .list li .top {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.jobs-wrap .list li .tips {
  float: left;
  box-sizing: border-box;
  width: 86%;
  padding: 1.4% 4.6% 1.4%;
  border-right: 1px solid #ccc;
  font-size: 16px;
  line-height: 30px;
  color: #333;
}

.jobs-wrap .list li .tips h2 {
  font-size: 20px;
  line-height: 48px;
  color: #e70011;
}

.jobs-wrap .list li .tips h2 span {
  position: relative;
  display: inline-block;
  margin-left: 25px;
  padding-left: 23px;
  font-size: 14px;
  line-height: 48px;
  color: #333;
}

.jobs-wrap .list li .tips h2 span::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 15px;
  background-color: #d6d6d6;
  margin-top: -8px;
}

@media screen and (max-width: 1023px) {
  .jobs-wrap .list li .tips {
    width: 80%;
    font-size: 12px;
    line-height: 2;
  }
  .jobs-wrap .list li .tips h2 {
    font-size: 18px;
    line-height: 2;
  }
  .jobs-wrap .list li .tips td {
    float: left;
    width: 50%;
  }
}

.jobs-wrap .list li .view {
  position: relative;
  float: right;
  width: 14%;
  padding-top: 19px;
  text-align: center;
  cursor: pointer;
}

.jobs-wrap .list li .view span {
  display: inline-block;
  padding-top: 48px;
  background: url(../images/bg_sign12.png) no-repeat center top;
  font-size: 16px;
  line-height: 1;
  color: #666;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.jobs-wrap .list li .view:hover span {
  background-position: center 25%;
  color: #e70011;
}

.jobs-wrap .list li .view::after {
  opacity: 0;
  content: "";
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 70%;
  width: 0;
  height: 0;
  background: url(../images/close01.png) no-repeat center;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

@media screen and (max-width: 1023px) {
  .jobs-wrap .list li .view {
    padding-top: 5%;
    width: 20%;
  }
  .jobs-wrap .list li .view span {
    font-size: 14px;
  }
}

.jobs-wrap .list li .box {
  display: none;
  position: relative;
  padding: 2.2% 4% 5%;
  border-top: 1px solid #d0d0d0;
  font-size: 14px;
  line-height: 24px;
  color: #333;
  width: 100%;
}

.jobs-wrap .list li .box h2 {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 32px;
  color: #333;
}

.jobs-wrap .list li .box a.mail {
  display: inline-block;
  position: absolute;
  right: 3.5%;
  bottom: 14%;
  width: 90px;
  padding-left: 60px;
  border-radius: 8px;
  background: #e70011 url(../images/bg_sign13.png) no-repeat 30px center;
  font-size: 16px;
  line-height: 44px;
  color: #fff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.jobs-wrap .list li .box a.mail:hover {
  box-shadow: 2px 2px 15px #e70011;
}

@media screen and (max-width: 1023px) {
  .jobs-wrap .list li .box a.mail {
    position: relative;
    left: 0;
    right: auto;
    margin-top: 5%;
  }
}

.jobs-wrap .list li.cur .top {
  background-color: #f7f7f7;
}

.jobs-wrap .list li.cur .view span {
  opacity: 0;
}

.jobs-wrap .list li.cur .view::after {
  width: 37px;
  height: 37px;
  margin: -26.5px 0 0 -16.5px;
  opacity: 1;
}

.f-cb:after {
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
  content: ".";
}