.inline-block {
  display: inline-block;
  vertical-align: top;
}
.clear:after {
  clear: both;
  content: "";
  display: table;
}
.clear > .float {
  float: left;
}
.clear > .float.right {
  float: right;
}
.editor:after {
  clear: both;
  content: "";
  display: table;
}
.editor > .float {
  float: left;
}
.editor > .float.right {
  float: right;
}
.oneline {
  width: 100%;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.img-helper {
  text-align: center;
  font-size: 0;
}
.img-helper span,
.img-helper img {
  display: inline-block;
  vertical-align: top;
  vertical-align: middle;
}
.img-helper span {
  width: 0px;
  height: 100%;
}
.responsive img,
.responsive iframe {
  width: 100%;
  height: auto;
}
.parent {
  font-size: 0;
}
.parent > .item {
  display: inline-block;
  vertical-align: top;
}
.table {
  display: table;
  width: 100%;
  table-layout: fixed;
  box-sizing: border-box;
}
.table .td {
  display: table-cell;
  vertical-align: top;
}
.select {
  float: left;
  text-align: left;
  cursor: pointer;
}
.select .select-input {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.select .select-container {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  overflow-x: hidden;
  overflow-y: auto;
}
.select.select-fix {
  position: relative;
}
.no-record {
  line-height: 150px;
  text-align: center;
  font-weight: 700;
  color: #A89870;
}
.processing {
  padding: 100px 20px;
  line-height: 20px;
  text-align: center;
  font-size: 15px;
}
body {
  min-width: 480px;
}
header,
#content,
footer {
  float: left;
  clear: both;
  position: relative;
  width: 100%;
  z-index: 0;
}
.container {
  max-width: 1400px;
  margin: 0 auto;
}
header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  min-width: 480px;
  height: 87px;
  z-index: 2;
  background-color: rgba(255,255,255,0.8);
}
header:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  width: 100%;
  min-width: 480px;
  height: 10px;
  background-color: rgba(255,255,255,0.4);
}
header > .container {
  position: relative;
  height: 100%;
  z-index: 1;
}
header .header {
  height: 100%;
}
header .header > .td {
  vertical-align: middle;
}
header .header .menu-button-wrapper {
  display: none;
}
header .header .menu-button {
  width: 60px;
  height: 60px;
  background: url(img/btn-menu.png) no-repeat center;
}
header .header .menu-button.active {
  background: url(img/btn-menu-close.png) no-repeat left center;
}
header .header .logo {
  position: relative;
  width: 33.5%;
}
header .header .logo:before {
  content: '';
  position: absolute;
  top: 0;
  right: 100%;
  bottom: 0;
  width: 9999px;
  height: 87px;
  background-color: #FFF;
}
header .header .logo:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 127.51%;
  height: 87px;
  z-index: 0;
  background: url(img/logo-bg.png) no-repeat left top;
  background-size: 100% 100%;
}
header .header .logo > .item {
  position: relative;
  z-index: 1;
  vertical-align: middle;
}
header .header .logo .eurasia {
  width: 55.67%;
}
header .header .logo .barrisol {
  width: 35.12%;
  margin-left: 4%;
}
header .header .nav {
  padding-left: 1.86%;
  padding-right: 1.36%;
  text-align: justify;
}
header .header .nav:after {
  content: '';
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
header .header .nav > .item {
  position: relative;
  text-align: center;
  text-transform: uppercase;
  font-family: Cinzel, Arial, 'Microsoft JhengHei', 'PMingLiU', sans-serif;
  font-size: 15px;
  color: #303030;
}
header .header .nav > .item:hover:after,
header .header .nav > .item.current:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -7px;
  height: 2px;
  background-color: #FE0000;
}
header .header .nav > span {
  display: inline-block;
  vertical-align: top;
}
header .header .lang {
  width: 5.07%;
  text-align: center;
}
header .header .lang > .item {
  width: 37px;
  height: 37px;
  border: 1px solid #303030;
  text-align: center;
  line-height: 37px;
  font-size: 17px;
  color: #303030;
}
header .header .search {
  width: 4%;
  text-align: right;
}
header .header .search-button {
  width: 40px;
  height: 40px;
  background: url(img/btn-search.png) no-repeat center;
}
header menu {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 96px 0 16px;
  box-sizing: border-box;
  z-index: 0;
  text-align: center;
  background-color: rgba(255,255,255,0.9);
}
header menu .nav {
  padding-top: 26px;
}
header menu .nav > .item {
  display: block;
  margin-top: 20px;
  line-height: 45px;
}
header menu .nav > .item .text {
  position: relative;
  padding: 0 10px;
  text-transform: uppercase;
  font-family: Cinzel, Arial, 'Microsoft JhengHei', 'PMingLiU', sans-serif;
  font-size: 20px;
  color: #303030;
}
header menu .nav > .item.current .text:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background-color: #BD1B21;
}
header menu .lang {
  padding-top: 15px;
}
header menu .lang > .item {
  width: 48px;
  height: 48px;
  margin-top: 20px;
  border: 1px solid #303030;
  line-height: 48px;
  font-size: 22px;
  color: #303030;
}
#search-form {
  display: none;
  position: absolute;
  top: 5px;
  right: 0;
  width: 511px;
  height: 68px;
  border: 1px solid #FFF;
  line-height: 68px;
  background-color: rgba(0,0,0,0.3);
}
#search-form .table {
  height: 100%;
}
#search-form .table .td {
  vertical-align: middle;
}
#search-form .sep {
  width: 1px;
}
#search-form .button {
  width: 82px;
}
#search-form input {
  width: 100%;
  height: 100%;
  padding: 0 15px;
  box-sizing: border-box;
  line-height: 68px;
  font-size: 20px;
  background: url(img/trans.png) repeat;
  color: #FFF;
}
#search-form .line {
  width: 1px;
  height: 49px;
  background-color: rgba(255,255,255,0.3);
}
#search-form button {
  width: 100%;
  height: 100%;
  padding-bottom: 1px;
  box-sizing: border-box;
  text-align: center;
  background: url(img/trans.png) repeat;
}
@media (max-width: 1439px) {
  body.desktop header .header .logo .eurasia {
    width: 60.67%;
    max-width: 260px;
  }
  body.desktop header .header .logo .barrisol {
    margin-left: 4%;
  }
  body.desktop header .header .lang {
    min-width: 49px;
  }
  body.desktop header .header .search {
    min-width: 40px;
  }
}
body.tablet header,
body.mobile header {
  height: 80px;
  background-color: rgba(255,255,255,0.9);
}
body.tablet header:after,
body.mobile header:after {
  display: none;
}
body.tablet header .header .menu-button-wrapper,
body.mobile header .header .menu-button-wrapper {
  display: table-cell;
}
body.tablet header .header .logo,
body.tablet header .header .nav,
body.tablet header .header .lang,
body.mobile header .header .logo,
body.mobile header .header .nav,
body.mobile header .header .lang {
  display: none;
}
body.tablet header .header .search,
body.mobile header .header .search {
  width: 49px;
}
body.tablet header .header .search-button,
body.mobile header .header .search-button {
  width: 49px;
  height: 49px;
  background-image: url(img/btn-search-big.png);
}
body.tablet #search-form .button,
body.mobile #search-form .button {
  width: 87px;
}
body.mobile header > .container {
  padding-left: 30px;
  padding-right: 30px;
}
body.mobile #search-form {
  right: 10px;
  width: 468px;
  max-width: 75%;
}
#content {
  min-height: 600px;
  z-index: 1;
}
#inner-banner {
  position: relative;
  min-height: 170px;
  border-bottom: 3px solid #FE0000;
  text-align: right;
}
#inner-banner .image.d {
  position: relative;
  height: 350px;
  overflow: hidden;
}
#inner-banner .image.d img {
  position: absolute;
  top: 0;
  left: 50%;
  width: 2300px;
  margin-left: -1150px;
}
#inner-banner > .title {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 73px;
  text-align: right;
}
#inner-banner > .title .text {
  max-width: 100%;
  height: 100%;
  padding: 0 58px 0 51px;
  box-sizing: border-box;
  background: url(img/title-bg.png) repeat-x center;
}
#inner-banner > .title .text .oneline {
  height: 100%;
  padding-top: 10px;
  line-height: 63px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-family: Cinzel, Arial, 'Microsoft JhengHei', 'PMingLiU', sans-serif;
  font-size: 32px;
  color: #FFF;
}
body.tablet #inner-banner,
body.mobile #inner-banner {
  min-height: 164px;
}
#main {
  max-width: 1200px;
}
footer {
  padding-top: 29px;
  padding-bottom: 78px;
  text-align: center;
}
footer .social > .item {
  margin: 20px 32px;
}
footer .slogan {
  line-height: 22px;
  font-family: Cinzel, Arial, 'Microsoft JhengHei', 'PMingLiU', sans-serif;
  font-size: 16px;
  color: #605F5F;
}
footer .slogan-1 {
  position: relative;
  height: 43px;
  padding: 17px 0 14px;
  line-height: 43px;
}
footer .slogan-1 .line {
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  height: 1px;
  z-index: 0;
  background-color: #A89870;
}
footer .slogan-1 .text {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: auto;
  max-width: 100%;
  padding: 0 15px;
  box-sizing: border-box;
  z-index: 1;
  font-size: 32px;
  background-color: #FFF;
  color: #A89870;
}
footer .slogan-2 {
  padding: 3px 0;
}
footer .slogan-3 {
  padding: 8px 0;
  font-weight: 700;
}
footer .copyright {
  line-height: 22px;
  font-family: Cinzel, Arial, 'Microsoft JhengHei', 'PMingLiU', sans-serif;
  font-size: 12px;
  color: #605F5F;
}
footer .copyright * {
  font-family: Cinzel, Arial, 'Microsoft JhengHei', 'PMingLiU', sans-serif;
  font-size: 12px;
  color: #605F5F;
}
body.desktop footer .social > .item {
  width: 48px;
  height: 48px;
}
body.tablet footer {
  padding-top: 45px;
}
body.tablet footer .social > .item {
  width: 55px;
  height: 55px;
  margin: 17px 16.5px;
}
body.tablet footer .slogan-1 {
  padding-top: 0;
  margin: 0 -20px;
}
body.tablet footer .slogan-1 .line {
  top: 23px;
}
body.tablet footer .slogan-1 .text {
  font-size: 28px;
}
body.mobile footer {
  padding-top: 24px;
  padding-bottom: 56px;
}
body.mobile footer .social > .item {
  margin: 20px;
}
body.mobile footer .slogan-1 {
  padding: 0;
  margin: 11px -10px;
}
body.mobile footer .slogan-1 .line {
  top: 20px;
}
body.mobile footer .slogan-1 .text {
  padding: 0 20px;
  font-size: 24px;
}
body.mobile footer .slogan-2 {
  padding: 0;
  margin: 11px 0;
}
body.mobile footer .slogan-3 {
  padding: 0;
  margin: 11px 0;
}
body.mobile footer .copyright {
  font-size: 14px;
}
body.mobile footer .copyright * {
  font-size: 14px;
}
body.desktop .t,
body.desktop .m {
  display: none;
}/*953795e33e25c16a067bcfa2a5842f5b*/
body.desktop .d {
  display: block;
}
body.desktop .d.inline-block {
  display: inline-block;
  vertical-align: top;
}
body.desktop .d.table {
  display: table;
}
body.desktop .parent > .d.item {
  display: inline-block;
  vertical-align: top;
}
body.desktop .table .d.td {
  display: table-cell;
}
body.desktop .container {
  padding-left: 20px;
  padding-right: 20px;
}
body.tablet .d,
body.tablet .m {
  display: none;
}
body.tablet .t {
  display: block;
}
body.tablet .t.inline-block {
  display: inline-block;
  vertical-align: top;
}
body.tablet .t.table {
  display: table;
}
body.tablet .parent > .t.item {
  display: inline-block;
  vertical-align: top;
}
body.tablet .table .t.td {
  display: table-cell;
}
body.tablet .container {
  padding-left: 20px;
  padding-right: 20px;
}
body.mobile .d,
body.mobile .t {
  display: none;
}
body.mobile .m {
  display: block;
}
body.mobile .m.inline-block {
  display: inline-block;
  vertical-align: top;
}
body.mobile .m.table {
  display: table;
}
body.mobile .parent > .m.item {
  display: inline-block;
  vertical-align: top;
}
body.mobile .table .m.td {
  display: table-cell;
}
body.mobile .container {
  padding-left: 10px;
  padding-right: 10px;
}
.select {
  float: none;
  display: inline-block;
  vertical-align: top;
  width: 293px;
  height: 43px;
}
.select .select-input {
  position: relative;
  height: 41px;
  padding: 0 55px 0 19px;
  border: 1px solid #D5D5D5;
  line-height: 41px;
  text-transform: lowercase;
  font-family: Cinzel, Arial, 'Microsoft JhengHei', 'PMingLiU', sans-serif;
  font-size: 15px;
  color: #4A4A4A;
}
.select .select-input:after {
  content: '';
  position: absolute;
  top: 16px;
  right: 19px;
  width: 17px;
  height: 9px;
  background: url(img/show-category-arrow.png) no-repeat center;
}
.select .select-container {
  max-height: 282px;
  border: 1px solid #D5D5D5;
  background-color: #FFF;
}
.select .select-container > div {
  min-height: 23px;
  padding: 10px 19px;
  line-height: 23px;
  text-transform: lowercase;
  font-family: Cinzel, Arial, 'Microsoft JhengHei', 'PMingLiU', sans-serif;
  font-size: 15px;
  color: #4A4A4A;
}
.select .select-container > div:hover,
.select .select-container > div.selected {
  background-color: #C1AE82;
  color: #FFF;
}
.pager {
  height: 30px;
  text-align: center;
}
.pager > .item {
  min-width: 18px;
  padding: 0 5px;
  margin: 0 3px;
  border: 1px solid #D8D8D8;
  line-height: 28px;
  text-align: center;
  font-size: 14px;
  background-color: #FFF;
  color: #828282;
}
.pager > .item.current {
  border-color: #530C0C;
  background-color: #530C0C;
  color: #FFF;
}
.pager > .prev,
.pager > .next {
  display: inline-block;
  vertical-align: top;
  width: 0px;
  height: 0px;
  margin: 11px 12px 0;
  border: 4.5px solid transparent;
}
.pager > .prev {
  border-left: 0;
  border-right: 5px solid #530C0C;
}
.pager > .prev.off {
  border-right-color: #828282;
}
.pager > .next {
  border-left: 5px solid #530C0C;
  border-right: 0;
}
.pager > .next.off {
  border-left-color: #828282;
}
.pager > .goto {
  width: 30px;
  height: 28px;
}
.scroll-pane {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
}
.jspPane {
  box-sizing: border-box;
}
#product-list .mask,
#certificate-list .mask {
  display: none;
  position: absolute;
  background-color: rgba(255,255,255,0.8);
}
#product-list .mask.mask-left,
#product-list .mask.mask-right,
#product-list .mask.mask-bottom,
#certificate-list .mask.mask-left,
#certificate-list .mask.mask-right,
#certificate-list .mask.mask-bottom {
  bottom: 0;
}
#product-list .mask.mask-left,
#certificate-list .mask.mask-left {
  left: 0;
}
#product-list .mask.mask-right,
#certificate-list .mask.mask-right {
  right: 0;
}
#project-list {
  position: relative;
  margin: 10px -5px 0;
  overflow: hidden;
}
#project-list .pw-line {
  margin: 15px 0;
  overflow: visible;
}
#project-list .pw-photo {
  position: relative;
}
#project-list .pw-photo .text {
  position: absolute;
  left: 0;
  bottom: -17px;
  height: 33px;
  padding: 0 20px;
  z-index: 1;
  box-sizing: border-box;
  white-space: nowrap;
  line-height: 33px;
  text-transform: uppercase;
  font-size: 12px;
  background-color: #000;
  color: #FFF;
}
#project-list .pw-photo .link {
  display: block;
  width: 0px;
  height: 0px;
  visibility: hidden;
}
#project-list .pw-link {
  display: block;
}
#project-list .pw-link.video {
  position: relative;
}
#project-list .pw-link.video:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 105px;
  height: 105px;
  margin-top: -52.5px;
  margin-left: -52.5px;
  background: url(img/play-btn.png) no-repeat center;
}
::-webkit-input-placeholder {
  color: #7F7F7F !important;
}
:-ms-input-placeholder {
  color: #7F7F7F !important;
}
::-moz-placeholder {
  color: #7F7F7F !important;
}
:-moz-placeholder {
  color: #7F7F7F !important;
}