/* line 17, ../../../../fire.app/fire.app/lib/ruby/compass_0.12/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../fire.app/fire.app/lib/ruby/compass_0.12/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../fire.app/fire.app/lib/ruby/compass_0.12/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../fire.app/fire.app/lib/ruby/compass_0.12/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../fire.app/fire.app/lib/ruby/compass_0.12/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../fire.app/fire.app/lib/ruby/compass_0.12/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../fire.app/fire.app/lib/ruby/compass_0.12/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../fire.app/fire.app/lib/ruby/compass_0.12/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../fire.app/fire.app/lib/ruby/compass_0.12/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

/* line 16, ../scss/style.scss */
body {
  font-family: "HelveticaNeue-Thin", "Helvetica Neue Thin", "Helvetica Neue", Helvetica, Arial, 'LiHei Pro', "Microsoft JhengHei", sans-serif;
  font-weight: 300;
  font-size: 14px;
}

/* line 22, ../scss/style.scss */
html, body {
  position: relative;
  height: 100%;
  min-height: 640px;
}

/* line 27, ../scss/style.scss */
a {
  text-decoration: none;
}

/* header */
/* line 41, ../scss/style.scss */
header {
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 45px;
  max-height: 90px;
  height: 7%;
  z-index: 999;
  background-color: white;
}
/* line 52, ../scss/style.scss */
header .inner {
  width: 85%;
  position: relative;
}

/*h2*/
/* line 59, ../scss/style.scss */
.logo {
  position: relative;
  display: inline-block;
  float: left;
  width: 400px;
  color: #5a5858;
  font-size: 20px;
  line-height: normal;
  height: 70%;
  margin-left: 15px;
  top: 15%;
  /*img*/
}
/* line 71, ../scss/style.scss */
.logo a {
  color: #5a5858;
}
/* line 73, ../scss/style.scss */
.logo a span {
  display: inline-block;
}
/* line 78, ../scss/style.scss */
.logo .logo-img {
  height: 90%;
  width: auto;
  margin-right: 26px;
}

/*a*/
/* line 88, ../scss/style.scss */
.menu-btn {
  display: none;
}

/* line 92, ../scss/style.scss */
nav {
  position: absolute;
  display: inline-block;
  float: right;
  height: 24px;
  right: 0;
  bottom: 50%;
  margin-bottom: -12px;
}

/*ul*/
/* line 104, ../scss/style.scss */
.nav-list {
  display: block;
  overflow: hidden;
  font-size: 0;
}

/*li*/
/* line 110, ../scss/style.scss */
.nav-item {
  display: inline-block;
  font-size: 22px;
  line-height: 24px;
  margin-left: 24px;
  padding-top: 4px;
  /*a*/
}
/* line 115, ../scss/style.scss */
.nav-item .nav-link {
  color: #5a5858;
}

/* footer */
/* line 123, ../scss/style.scss */
footer {
  position: relative;
  display: block;
  width: 100%;
  height: 130px;
  z-index: 999;
  background-color: white;
}

/* line 132, ../scss/style.scss */
.footer-nav {
  display: inline-block;
  float: left;
  height: 24px;
  margin-right: 15px;
  margin-top: 74px;
}

/* line 140, ../scss/style.scss */
.footer-logo {
  display: inline-block;
  float: right;
  width: auto;
  color: #5a5858;
  font-size: 24px;
  line-height: 52px;
  height: 52px;
  margin-left: 15px;
  margin-top: 50px;
  /*img*/
}
/* line 150, ../scss/style.scss */
.footer-logo a {
  color: #5a5858;
}
/* line 153, ../scss/style.scss */
.footer-logo .logo-img {
  height: 52px;
  width: auto;
  margin-right: 26px;
  vertical-align: text-bottom;
}

/* line 173, ../scss/style.scss */
.slide-wrapper .out-wrapper {
  background-attachment: scroll;
}

/* line 176, ../scss/style.scss */
.slide-wrapper {
  display: block;
  min-width: 1000px;
  min-height: 651px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
/* line 190, ../scss/style.scss */
.slide-wrapper .slick-list, .slide-wrapper .slick-track {
  height: 100%;
}

/* line 196, ../scss/style.scss */
.slick-dots {
  position: absolute;
  bottom: 15px;
  display: block;
  width: 100%;
  padding: 0;
  list-style: none;
  text-align: center;
}
/* line 204, ../scss/style.scss */
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
  background-color: #9a9a9a;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}
/* line 216, ../scss/style.scss */
.slick-dots li.slick-active,
.slick-dots li:hover {
  background-color: #5a5858;
}
/* line 219, ../scss/style.scss */
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 12px;
  height: 12px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

/* general */
/* line 236, ../scss/style.scss */
.out-wrapper {
  position: relative;
  display: block;
  min-width: 1000px;
  min-height: 651px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/* line 253, ../scss/style.scss */
.wrap {
  position: relative;
  display: block;
  width: 100%;
  min-width: 1000px;
  overflow: hidden;
}

/* line 261, ../scss/style.scss */
.inner {
  display: block;
  width: 100%;
  height: 100%;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
/* line 271, ../scss/style.scss */
.inner:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}

/* line 280, ../scss/style.scss */
.cont {
  position: relative;
  display: inline-block;
  width: 360px;
  text-align: left;
}

/*h2*/
/* line 290, ../scss/style.scss */
.cont-title {
  width: 10em;
  font-size: 50px;
  line-height: 58px;
}

/*p*/
/* line 298, ../scss/style.scss */
.cont-para {
  display: inline-block;
  margin-top: 25px;
  width: 360px;
  font-size: 16px;
  line-height: 30px;
}

/*a*/
/* line 306, ../scss/style.scss */
.more-btn {
  display: inline-block;
  width: 338px;
  height: 68px;
  margin-top: 30px;
  line-height: 68px;
  font-size: 45px;
  text-align: center;
  color: #5a5858;
  border: 1px solid #5a5858;
}

/* line 320, ../scss/style.scss */
.hide {
  display: none;
}

/* line 326, ../scss/style.scss */
.clear {
  display: block;
  width: 100%;
  height: 0;
  clear: both;
}

/* index */
/* line 350, ../scss/style.scss */
.p-middle .cont {
  margin-top: 0px;
  vertical-align: middle;
}
/* line 353, ../scss/style.scss */
.p-middle .cont .cont-title {
  width: auto;
}

/* line 359, ../scss/style.scss */
.p-top .cont {
  margin-top: 14%;
  vertical-align: top;
}

/* line 365, ../scss/style.scss */
.p-bottom .cont {
  vertical-align: bottom;
  margin-bottom: 7%;
}

/* line 370, ../scss/style.scss */
.p-right {
  text-align: right;
}
/* line 373, ../scss/style.scss */
.p-right .cont {
  margin-left: 0%;
  margin-right: 5%;
}

/* line 383, ../scss/style.scss */
.p-left .cont {
  margin-left: 5%;
}

/* line 389, ../scss/style.scss */
.p-center {
  text-align: center;
  /*p*/
}
/* line 391, ../scss/style.scss */
.p-center .cont {
  max-width: none;
  width: 900px;
  text-align: center;
}
/* line 397, ../scss/style.scss */
.p-center .cont-para {
  width: 900px;
}

/* line 405, ../scss/style.scss */
.block-1 {
  background-image: url("../images/bg-1.jpg");
}

/* line 408, ../scss/style.scss */
.block-2 {
  background-image: url("../images/bg-2.jpg");
}

/* line 411, ../scss/style.scss */
.block-3 {
  background-image: url("../images/bg-3.jpg");
}

/* line 414, ../scss/style.scss */
.block-4 {
  background-image: url("../images/bg-4.jpg");
}

/* line 419, ../scss/style.scss */
#section-zoom {
  background-size: cover;
  background-image: url("../images/bg-5.jpg");
}

/* line 424, ../scss/style.scss */
#section-size {
  background-size: cover;
  background-image: url("../images/bg-size.jpg");
}

/* line 431, ../scss/style.scss */
#section-size {
  position: relative;
  height: 93%;
}
/* line 434, ../scss/style.scss */
#section-size.p-top .cont {
  margin-top: 10%;
}
/* line 437, ../scss/style.scss */
#section-size .leg {
  position: absolute;
  top: 0;
  right: -5%;
  height: 100%;
}
/* line 442, ../scss/style.scss */
#section-size .leg .leg-img {
  z-index: 0;
  top: 0;
  left: 0;
  width: auto;
  height: 100%;
}
/* line 451, ../scss/style.scss */
#section-size .size-list, #section-size .size-list li {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
/* line 460, ../scss/style.scss */
#section-size .size-info,
#section-size .size-line {
  display: block;
  position: absolute;
  z-index: 1;
  color: #2ea8e1;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  background-repeat: no-repeat;
}
/* line 471, ../scss/style.scss */
#section-size .size-h .size-line {
  background-size: auto 100%;
}
/* line 474, ../scss/style.scss */
#section-size .size-v .size-line {
  background-position: center bottom;
  background-size: 100% auto;
}
/* line 479, ../scss/style.scss */
#section-size .h-1 .size-info {
  top: 2.1%;
  right: 80%;
}
/* line 483, ../scss/style.scss */
#section-size .h-1 .size-line {
  top: 3%;
  left: 24%;
  width: 19.3%;
  height: 1.6%;
  background-image: url("../images/h-1-line.png");
}
/* line 492, ../scss/style.scss */
#section-size .h-2 .size-info {
  top: 14.2%;
  right: 74%;
}
/* line 496, ../scss/style.scss */
#section-size .h-2 .size-line {
  top: 13.8%;
  left: 29.2%;
  width: 14%;
  height: 1.6%;
  background-image: url("../images/h-2-line.png");
}
/* line 505, ../scss/style.scss */
#section-size .h-3 .size-info {
  top: 42%;
  right: 76%;
}
/* line 509, ../scss/style.scss */
#section-size .h-3 .size-line {
  top: 43%;
  left: 27.8%;
  width: 10.5%;
  height: 1.6%;
  background-image: url("../images/h-3-line.png");
}
/* line 518, ../scss/style.scss */
#section-size .h-4 .size-info {
  top: 81%;
  right: 73%;
}
/* line 522, ../scss/style.scss */
#section-size .h-4 .size-line {
  top: 80.5%;
  left: 29.7%;
  width: 7.1%;
  height: 1.6%;
  background-image: url("../images/h-4-line.png");
}
/* line 531, ../scss/style.scss */
#section-size .v-1 .size-info {
  bottom: 61%;
  left: 51.5%;
}
/* line 535, ../scss/style.scss */
#section-size .v-1 .size-line {
  bottom: 7%;
  left: 55.8%;
  width: 5.5%;
  height: 53%;
  background-image: url("../images/v-1-line.png");
}
/* line 544, ../scss/style.scss */
#section-size .v-2 .size-info {
  bottom: 93%;
  left: 55%;
}
/* line 548, ../scss/style.scss */
#section-size .v-2 .size-line {
  bottom: 5.5%;
  left: 70%;
  width: 5.6%;
  height: 93%;
  background-image: url("../images/v-2-line.png");
}

/*p*/
/* line 558, ../scss/style.scss */
.chose-size-btns {
  display: block;
  margin-top: 8%;
  font-size: 0;
  line-height: 60px;
  text-align: justify;
  /*a*/
}
/* line 564, ../scss/style.scss */
.chose-size-btns .chose-size-btn {
  display: inline-block;
  padding: 5px;
  color: black;
  font-size: 64px;
  margin-right: 0.5em;
  font-weight: lighter;
}
/* line 572, ../scss/style.scss */
.chose-size-btns .chose-size-btn.active, .chose-size-btns .chose-size-btn:hover {
  padding: 4px;
  border: 1px solid #2ea8e1;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}

/* section ads */
/* line 588, ../scss/style.scss */
.ad-left {
  position: relative;
  display: block;
  float: left;
  width: 50%;
  height: 0;
  overflow: hidden;
  padding-bottom: 42.5%;
  background-image: url("../images/ad-left.jpg");
  background-position: center center;
  background-size: cover;
}
/* line 599, ../scss/style.scss */
.ad-left .ad-inner {
  left: -100%;
}
/* line 602, ../scss/style.scss */
.ad-left:hover .ad-inner {
  left: 0;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-timing-function: liner;
  -moz-transition-timing-function: liner;
  -o-transition-timing-function: liner;
  transition-timing-function: liner;
}

/* line 609, ../scss/style.scss */
.ad-right {
  position: relative;
  display: block;
  float: right;
  width: 50%;
  height: 0;
  overflow: hidden;
  padding-bottom: 42.5%;
  background-image: url("../images/ad-right.jpg");
  background-position: center center;
  background-size: cover;
}
/* line 620, ../scss/style.scss */
.ad-right .ad-inner {
  right: -100%;
}
/* line 623, ../scss/style.scss */
.ad-right:hover .ad-inner {
  right: 0;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-timing-function: liner;
  -moz-transition-timing-function: liner;
  -o-transition-timing-function: liner;
  transition-timing-function: liner;
}

/* line 632, ../scss/style.scss */
.ad-inner {
  position: absolute;
  display: block;
  top: 0;
  width: 100%;
  height: 100%;
  color: white;
  font-size: 0;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 1.5s;
  -moz-transition-duration: 1.5s;
  -o-transition-duration: 1.5s;
  transition-duration: 1.5s;
  -webkit-transition-timing-function: liner;
  -moz-transition-timing-function: liner;
  -o-transition-timing-function: liner;
  transition-timing-function: liner;
  /*p*/
  /*a*/
}
/* line 644, ../scss/style.scss */
.ad-inner .cont-para {
  width: 100%;
}
/* line 647, ../scss/style.scss */
.ad-inner .ad-link {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  color: white;
  border-color: white;
}
/* line 657, ../scss/style.scss */
.ad-inner .ad-link:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
/* line 664, ../scss/style.scss */
.ad-inner .cont {
  margin-top: 0;
  width: 70%;
  height: auto;
  padding-left: 15%;
  padding-right: 15%;
  padding-top: 30px;
  padding-bottom: 30px;
  top: 0%;
  background-color: rgba(90, 88, 88, 0.5);
}

/* corp */
/* line 685, ../scss/style.scss */
.corp-block {
  background-color: #5a5858;
  height: auto;
  overflow: hidden;
}
/* line 688, ../scss/style.scss */
.corp-block .inner:before {
  display: none;
}
/* line 691, ../scss/style.scss */
.corp-block .inner {
  height: auto;
  overflow: hidden;
}

/*h2*/
/* line 697, ../scss/style.scss */
.block-title {
  display: block;
  text-align: center;
  font-size: 50px;
  color: white;
  margin-top: 5%;
}

/* line 705, ../scss/style.scss */
.corp-cont {
  display: block;
  width: 40%;
  margin-top: 35px;
  margin-bottom: 5%;
}

/*h3*/
/* line 713, ../scss/style.scss */
.corp-title {
  display: block;
  text-indent: -9999px;
  width: 150px;
  height: 84.5px;
  margin-left: auto;
  margin-right: auto;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

/*p*/
/* line 725, ../scss/style.scss */
.corp-para {
  color: white;
  font-size: 16px;
  line-height: 25px;
  margin-top: 5%;
  margin-bottom: 5%;
}

/*a*/
/* line 733, ../scss/style.scss */
.corp-btn {
  display: block;
  width: 99%;
  height: 90px;
  line-height: 90px;
  font-size: 46px;
  text-align: center;
  color: white;
  border: 1px solid white;
}

/* line 747, ../scss/style.scss */
.corp-pintoli {
  float: left;
}
/* line 749, ../scss/style.scss */
.corp-pintoli .corp-title {
  background-image: url("../images/logo-2.png");
}

/* line 754, ../scss/style.scss */
.corp-tric {
  float: right;
}
/* line 756, ../scss/style.scss */
.corp-tric .corp-title {
  background-image: url("../images/logo-w.png");
}

/*a*/
/* line 765, ../scss/style.scss */
.download-btn {
  display: block;
  width: 584px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5%;
  color: white;
  font-size: 50px;
  line-height: 71px;
  text-align: center;
}
/* line 775, ../scss/style.scss */
.download-btn:before {
  content: "";
  display: inline-block;
  width: 50px;
  height: 71px;
  margin-right: 15px;
  vertical-align: -14px;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-image: url("../images/cataloge-icon.png");
}

/* products */
/* line 805, ../scss/style.scss */
.page-wrap {
  display: block;
  padding-top: 110px;
  min-width: 1000px;
  width: 100%;
  padding-bottom: 10px;
  overflow: hidden;
}

/*h2*/
/* line 814, ../scss/style.scss */
.page-title {
  display: block;
  text-align: center;
  font-size: 78px;
  line-height: 90px;
  margin-top: 30px;
  margin-bottom: 70px;
}

/*h2*/
/* line 823, ../scss/style.scss */
.spec-title {
  text-indent: -9999px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  width: 350px;
  height: 120px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
}

/* line 835, ../scss/style.scss */
.page-cont {
  display: block;
  width: 100%;
  overflow: hidden;
  min-height: 800px;
  padding-bottom: 60px;
  margin-bottom: -10000px;
  padding-bottom: 10000px;
}

/* line 848, ../scss/style.scss */
.pd-search {
  width: 30%;
  margin-right: 3%;
  float: right;
  overflow: hidden;
  height: 100%;
  padding-top: 40px;
}

/*h3*/
/* line 859, ../scss/style.scss */
.search-title {
  font-size: 30px;
  color: #4e4b4b;
}

/*ul*/
/* line 864, ../scss/style.scss */
.search-list {
  display: block;
  overflow: hidden;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 0;
}

/*li*/
/* line 872, ../scss/style.scss */
.search-item {
  display: inline-block;
  vertical-align: top;
  width: 25%;
  min-height: 198px;
  margin-bottom: 20px;
  margin-right: 7%;
  border-style: solid;
  border-width: 1px;
  border-color: white;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  text-align: center;
  /*img*/
  /*p*/
}
/* line 885, ../scss/style.scss */
.search-item.active, .search-item:hover {
  border-color: #2ea8e1;
}
/* line 888, ../scss/style.scss */
.search-item:nth-child(3n) {
  margin-right: 0;
}
/* line 892, ../scss/style.scss */
.search-item .pd-cat-img {
  width: 100%;
  height: auto;
  margin-top: 25px;
  display: inline-block;
}
/* line 898, ../scss/style.scss */
.search-item .cat-name {
  display: inline-block;
  text-align: center;
  color: #5a5858;
  font-size: 20px;
  line-height: 24px;
  margin-top: 0px;
  margin-bottom: 15px;
}

/*p*/
/* line 911, ../scss/style.scss */
.search-info {
  margin-top: 40px;
  font-size: 16px;
  line-height: 30px;
  color: #5a5858;
}

/*ul*/
/* line 920, ../scss/style.scss */
.color-list {
  display: block;
  overflow: hidden;
  margin-top: 20px;
  margin-bottom: 20px;
}

/*li*/
/* line 927, ../scss/style.scss */
.color-item {
  position: relative;
  display: block;
  float: left;
  /*width: 75px - 2px;
  height: 75px - 2px;
  margin-right: 10px;*/
  width: 15%;
  padding-bottom: 15%;
  margin-bottom: 10px;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  -webkit-border-radius: 60%;
  -moz-border-radius: 60%;
  -ms-border-radius: 60%;
  -o-border-radius: 60%;
  border-radius: 60%;
  /*a*/
}
/* line 941, ../scss/style.scss */
.color-item:nth-child(6n) {
  margin-right: 0;
}
/* line 944, ../scss/style.scss */
.color-item .color-btn {
  position: absolute;
  display: block;
  width: 86%;
  height: 86%;
  margin: 7%;
  -webkit-border-radius: 60%;
  -moz-border-radius: 60%;
  -ms-border-radius: 60%;
  -o-border-radius: 60%;
  border-radius: 60%;
}
/* line 954, ../scss/style.scss */
.color-item.active, .color-item:hover {
  border-color: #2ea8e1;
}

/*.red-btn{
	background-position: 0 0;
}
.blue-btn{
	background-position: -75px 0;
}
.green-btn{
	background-position: -150px 0;
}
.beige-btn{
	background-position: -225px 0;
}
.yellow-btn{
	background-position: -300px 0;
}
.black-btn{
	background-position: -375px 0;
}*/
/*h3*/
/* line 984, ../scss/style.scss */
.result-title {
  display: none;
}

/*ul*/
/* line 989, ../scss/style.scss */
.pd-list {
  display: block;
  width: 62%;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: liner;
  -moz-transition-timing-function: liner;
  -o-transition-timing-function: liner;
  transition-timing-function: liner;
}

/* line 997, ../scss/style.scss */
.pd-cover img {
  width: 100%;
  height: auto;
}

/*li*/
/* line 1006, ../scss/style.scss */
.pd-item {
  position: relative;
  display: block;
  float: left;
  width: 33.33%;
  padding-bottom: 50%;
  background-size: cover;
  /*p*/
  /*p*/
  /*p*/
  /*p*/
  /*p*/
}
/* line 1017, ../scss/style.scss */
.pd-item .cover a {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0;
  text-align: center;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: liner;
  -moz-transition-timing-function: liner;
  -o-transition-timing-function: liner;
  transition-timing-function: liner;
}
/* line 1029, ../scss/style.scss */
.pd-item .cover a:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
/* line 1036, ../scss/style.scss */
.pd-item .cover a:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
/* line 1038, ../scss/style.scss */
.pd-item .cover a:hover .caption {
  display: inline-block;
}
/* line 1044, ../scss/style.scss */
.pd-item .caption {
  display: none;
  max-width: 200px;
  height: auto;
  text-align: left;
  color: white;
  vertical-align: middle;
}
/* line 1055, ../scss/style.scss */
.pd-item p {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 30px;
}
/* line 1060, ../scss/style.scss */
.pd-item .pd-name {
  display: block;
  font-size: 28px;
  margin-bottom: 35px;
}
/* line 1065, ../scss/style.scss */
.pd-item .pd-class {
  display: block;
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 30px;
}
/* line 1072, ../scss/style.scss */
.pd-item .pd-size {
  display: block;
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 30px;
}
/* line 1079, ../scss/style.scss */
.pd-item .pd-material {
  display: block;
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 30px;
}
/* line 1086, ../scss/style.scss */
.pd-item .pd-color {
  display: block;
  font-size: 20px;
  line-height: 30px;
}

/* product-page */
/* line 1108, ../scss/style.scss */
.pd-pics {
  display: block;
  float: left;
  width: 60%;
  margin-left: 3%;
  margin-top: 30px;
}

/*ul*/
/* line 1116, ../scss/style.scss */
.pics-list {
  width: 100%;
  display: block;
  overflow: hidden;
  font-size: 0;
  text-align: center;
}
/* line 1122, ../scss/style.scss */
.pics-list li {
  display: inline-block;
}

/*li*/
/* line 1128, ../scss/style.scss */
.zoom-item {
  width: 100%;
  height: 990px;
}
/* line 1131, ../scss/style.scss */
.zoom-item img {
  height: 990px;
  width: auto;
}

/*li*/
/* line 1137, ../scss/style.scss */
.pics-item {
  width: 50%;
}
/* line 1139, ../scss/style.scss */
.pics-item img {
  width: 100%;
  height: auto;
}

/* line 1150, ../scss/style.scss */
.pd-info {
  display: block;
  float: right;
  width: 30%;
  max-width: 420px;
  margin-top: 70px;
  margin-right: 4%;
  margin-left: 3%;
  color: #3f3b3a;
  /*p*/
  /*p*/
  /*p*/
  /*p*/
  /*p*/
  /*p*/
}
/* line 1159, ../scss/style.scss */
.pd-info .pd-name {
  display: block;
  font-size: 60px;
  margin-bottom: 70px;
}
/* line 1164, ../scss/style.scss */
.pd-info p {
  display: block;
  font-size: 32px;
  line-height: 53px;
  margin-bottom: 50px;
  margin-left: 5px;
  word-wrap: break-word;
}
/* line 1172, ../scss/style.scss */
.pd-info .pd-class {
  display: block;
  font-size: 32px;
  line-height: 53px;
  margin-bottom: 50px;
  margin-left: 5px;
}
/* line 1179, ../scss/style.scss */
.pd-info .pd-size {
  display: block;
  font-size: 32px;
  line-height: 53px;
  margin-bottom: 50px;
  margin-left: 5px;
}
/* line 1186, ../scss/style.scss */
.pd-info .pd-material {
  display: block;
  font-size: 32px;
  line-height: 53px;
  margin-bottom: 50px;
  margin-left: 5px;
}
/* line 1193, ../scss/style.scss */
.pd-info .pd-color {
  display: block;
  font-size: 32px;
  line-height: 53px;
  margin-bottom: 50px;
  margin-left: 5px;
}
/* line 1200, ../scss/style.scss */
.pd-info .pd-para {
  font-size: 20px;
  line-height: 38px;
  margin-left: 10px;
  margin-top: 100px;
}

/* article */
/* line 1218, ../scss/style.scss */
.article-conatiner {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

/* line 1224, ../scss/style.scss */
.article-head-img {
  width: 100%;
  height: auto;
}

/*h3*/
/* line 1231, ../scss/style.scss */
.article-subtitle {
  font-size: 38px;
  margin-top: 85px;
  margin-bottom: 50px;
}

/*p*/
/* line 1238, ../scss/style.scss */
.article-para {
  font-size: 29px;
  line-height: 42px;
  margin-bottom: 50px;
}

/* form */
/* line 1249, ../scss/style.scss */
.form-container {
  width: 600px;
  padding-bottom: 100px;
}

/*h2*/
/* line 1254, ../scss/style.scss */
.form-title {
  display: block;
  text-align: center;
  font-size: 58px;
  display: block;
  margin-top: 30px;
  margin-bottom: 80px;
}

/*p*/
/* line 1263, ../scss/style.scss */
.form-info {
  font-size: 22px;
  line-height: 42px;
  margin-bottom: 80px;
}

/*form*/
/*li*/
/* line 1272, ../scss/style.scss */
.form-item {
  display: block;
  margin-bottom: 30px;
}

/*label*/
/* line 1276, ../scss/style.scss */
.form-label {
  display: block;
  font-size: 32px;
  margin-bottom: 15px;
  color: black;
}

/* line 1284, ../scss/style.scss */
.n-input {
  display: block;
  width: 97%;
  height: 50px;
  border: 1px solid black;
  background-color: white;
  line-height: 50px;
  font-size: 40px;
  padding-left: 2%;
}

/* line 1296, ../scss/style.scss */
.form-textarea {
  display: block;
  width: 97%;
  height: 300px;
  border: 1px solid black;
  background-color: white;
  line-height: 50px;
  font-size: 40px;
  padding-left: 2%;
}

/*a*/
/* line 1308, ../scss/style.scss */
.send-btn {
  display: block;
  width: 100%;
  height: 50px;
  margin-top: 70px;
  font-size: 40px;
  line-height: 50px;
  text-align: center;
  color: white;
  background-color: black;
}

/* line 1323, ../scss/style.scss */
input, textarea {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  padding: 0;
  margin: 0;
}

@media only screen and (min-width: 2460px) {
  /* line 1339, ../scss/style.scss */
  .inner {
    width: 90%;
  }

  /* line 1342, ../scss/style.scss */
  header {
    height: 4%;
    max-height: 100px;
  }
  /* line 1345, ../scss/style.scss */
  header .logo {
    line-height: normal;
  }
  /* line 1348, ../scss/style.scss */
  header .inner {
    width: 85%;
  }

  /* line 1353, ../scss/style.scss */
  .cont {
    width: 420px;
    overflow: visible;
  }

  /* line 1364, ../scss/style.scss */
  .p-top .cont {
    margin-top: 10%;
  }

  /* line 1369, ../scss/style.scss */
  .p-bottom .cont {
    margin-bottom: 6%;
  }

  /* line 1376, ../scss/style.scss */
  .p-right .cont {
    margin-right: 10%;
  }

  /*h2*/
  /* line 1381, ../scss/style.scss */
  .cont-title {
    font-size: 78px;
    line-height: 90px;
  }

  /*p*/
  /* line 1386, ../scss/style.scss */
  .cont-para {
    display: inline-block;
    margin-top: 25px;
    width: 420px;
    font-size: 16px;
    line-height: 30px;
  }

  /* corp */
  /* line 1397, ../scss/style.scss */
  .corp-cont {
    width: 30%;
    margin-left: 10%;
    margin-right: 10%;
  }

  /* line 1405, ../scss/style.scss */
  .pd-search {
    width: 22%;
    margin-right: 3%;
  }

  /*ul*/
  /* line 1410, ../scss/style.scss */
  .pd-list {
    width: 70%;
  }

  /*li*/
  /* line 1414, ../scss/style.scss */
  .pd-item {
    width: 25%;
    padding-bottom: 37.5%;
    /*p*/
    /*p*/
    /*p*/
    /*p*/
    /*p*/
  }
  /* line 1417, ../scss/style.scss */
  .pd-item .caption {
    display: none;
    max-width: 320px;
    height: auto;
    text-align: left;
    color: white;
    vertical-align: middle;
  }
  /* line 1428, ../scss/style.scss */
  .pd-item .pd-name {
    display: block;
    font-size: 48px;
    margin-bottom: 48px;
  }
  /* line 1433, ../scss/style.scss */
  .pd-item .pd-class, .pd-item p {
    display: block;
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 40px;
  }
  /* line 1440, ../scss/style.scss */
  .pd-item .pd-size {
    display: block;
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 40px;
  }
  /* line 1447, ../scss/style.scss */
  .pd-item .pd-material {
    display: block;
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 40px;
  }
  /* line 1454, ../scss/style.scss */
  .pd-item .pd-color {
    display: block;
    font-size: 30px;
    line-height: 40px;
  }

  /* product-page */
  /*li*/
  /* line 1466, ../scss/style.scss */
  .zoom-item {
    width: 100%;
    height: auto;
  }
  /* line 1469, ../scss/style.scss */
  .zoom-item img {
    height: auto;
    width: 70%;
  }

  /* line 1480, ../scss/style.scss */
  .pd-info {
    display: block;
    float: right;
    width: 25%;
    max-width: 420px;
    margin-top: 70px;
    margin-right: 7%;
    margin-left: 5%;
    color: #3f3b3a;
    /*p*/
    /*p*/
    /*p*/
    /*p*/
    /*p*/
    /*p*/
  }
  /* line 1489, ../scss/style.scss */
  .pd-info .pd-name {
    display: block;
    font-size: 60px;
    margin-bottom: 70px;
  }
  /* line 1494, ../scss/style.scss */
  .pd-info p {
    display: block;
    font-size: 32px;
    line-height: 53px;
    margin-bottom: 50px;
    margin-left: 5px;
    word-wrap: break-word;
  }
  /* line 1502, ../scss/style.scss */
  .pd-info .pd-class {
    display: block;
    font-size: 32px;
    line-height: 53px;
    margin-bottom: 50px;
    margin-left: 5px;
  }
  /* line 1509, ../scss/style.scss */
  .pd-info .pd-size {
    display: block;
    font-size: 32px;
    line-height: 53px;
    margin-bottom: 50px;
    margin-left: 5px;
  }
  /* line 1516, ../scss/style.scss */
  .pd-info .pd-material {
    display: block;
    font-size: 32px;
    line-height: 53px;
    margin-bottom: 50px;
    margin-left: 5px;
  }
  /* line 1523, ../scss/style.scss */
  .pd-info .pd-color {
    display: block;
    font-size: 32px;
    line-height: 53px;
    margin-bottom: 50px;
    margin-left: 5px;
  }
  /* line 1530, ../scss/style.scss */
  .pd-info .pd-para {
    font-size: 20px;
    line-height: 38px;
    margin-left: 10px;
    margin-top: 100px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 1556, ../scss/style.scss */
  html, body {
    min-height: 500px;
  }

  /* header */
  /* line 1561, ../scss/style.scss */
  header {
    height: 75px;
    overflow: visible;
  }
  /* line 1564, ../scss/style.scss */
  header .inner:before {
    display: none;
  }

  /*h2*/
  /* line 1569, ../scss/style.scss */
  .logo {
    display: inline-block;
    float: left;
    width: auto;
    top: 0;
    color: #5a5858;
    font-size: 12.5px;
    line-height: 26px;
    height: 26px;
    margin-left: 7.5px;
    margin-top: 25px;
    /*img*/
  }
  /* line 1580, ../scss/style.scss */
  .logo a {
    color: #5a5858;
  }
  /* line 1583, ../scss/style.scss */
  .logo .logo-img {
    height: 26px;
    width: auto;
    margin-right: 13px;
    vertical-align: text-bottom;
  }

  /*a*/
  /* line 1591, ../scss/style.scss */
  .menu-btn {
    float: right;
    display: inline-block;
    margin-top: 25px;
    margin-right: 7.5px;
    width: 32px;
    height: 23px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url("../images/menu-btn.png");
  }

  /* line 1604, ../scss/style.scss */
  nav {
    position: fixed;
    display: block;
    float: none;
    height: 0;
    width: 100%;
    top: 75px;
    left: 0;
    bottom: auto;
    margin-bottom: auto;
    overflow: hidden;
    z-index: 990;
    margin-right: 0px;
    margin-top: 0px;
    background-color: rgba(90, 88, 88, 0.5);
    overflow: hidden;
  }

  /*ul*/
  /* line 1622, ../scss/style.scss */
  .nav-list {
    padding-top: 20px;
    padding-bottom: 20px;
    display: block;
    font-size: 0;
    background-color: #727171;
  }

  /*li*/
  /* line 1630, ../scss/style.scss */
  .nav-item {
    display: block;
    font-size: 23px;
    line-height: 44px;
    width: 100%;
    height: 44px;
    margin-left: 0;
    text-align: center;
    /*a*/
  }
  /* line 1638, ../scss/style.scss */
  .nav-item .nav-link {
    display: block;
    width: 100%;
    height: 100%;
    color: white;
  }

  /* footer */
  /* line 1653, ../scss/style.scss */
  footer {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    z-index: 0;
    background-color: white;
  }
  /* line 1660, ../scss/style.scss */
  footer .inner:before {
    display: none;
  }

  /* line 1665, ../scss/style.scss */
  .footer-nav {
    position: relative;
    display: inline-block;
    float: none;
    height: auto;
    width: 100%;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    margin-top: 20px;
    /*ul*/
  }
  /* line 1675, ../scss/style.scss */
  .footer-nav .nav-list {
    background-color: white;
  }
  /* line 1679, ../scss/style.scss */
  .footer-nav .nav-item .nav-link {
    color: #5a5858;
  }

  /* line 1686, ../scss/style.scss */
  .footer-logo {
    display: inline-block;
    float: none;
    width: 100%;
    text-align: center;
    color: #5a5858;
    font-size: 12px;
    line-height: 26px;
    height: 26px;
    margin-left: 0px;
    margin-top: 20px;
    margin-bottom: 50px;
    /*img*/
  }
  /* line 1698, ../scss/style.scss */
  .footer-logo a {
    color: #5a5858;
  }
  /* line 1701, ../scss/style.scss */
  .footer-logo .logo-img {
    height: 26px;
    width: auto;
    margin-right: 10px;
    vertical-align: text-bottom;
  }

  /* general */
  /* line 1731, ../scss/style.scss */
  .out-wrapper, .slide-wrapper {
    position: relative;
    display: block;
    min-width: 320px;
    min-height: 400px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
  }

  /* line 1748, ../scss/style.scss */
  .wrap {
    position: relative;
    display: block;
    width: 100%;
    min-width: 320px;
    overflow: hidden;
  }

  /* line 1756, ../scss/style.scss */
  .inner {
    display: block;
    width: 100%;
    height: 100%;
    width: 90%;
    min-width: 320px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
  }
  /* line 1766, ../scss/style.scss */
  .inner:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
  }

  /* line 1775, ../scss/style.scss */
  .cont {
    position: relative;
    display: inline-block;
    width: 60%;
    text-align: left;
  }

  /*h2*/
  /* line 1784, ../scss/style.scss */
  .cont-title {
    white-space: normal;
    font-size: 29px;
    line-height: 35px;
  }

  /*p*/
  /* line 1789, ../scss/style.scss */
  .cont-para {
    display: inline-block;
    margin-top: 10px;
    width: 100%;
    font-size: 15px;
    line-height: 20px;
    max-height: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  /* line 1798, ../scss/style.scss */
  .cont-para span {
    display: none;
  }

  /*a*/
  /* line 1800, ../scss/style.scss */
  .more-btn {
    display: inline-block;
    width: 70%;
    height: 34px;
    margin-top: 5px;
    line-height: 34px;
    font-size: 21px;
    text-align: center;
    color: #5a5858;
    border: 1px solid #5a5858;
  }

  /* line 1813, ../scss/style.scss */
  .hide {
    display: none;
  }

  /* line 1818, ../scss/style.scss */
  .p-middle .cont {
    margin-top: 10px;
  }

  /* line 1823, ../scss/style.scss */
  .p-top .cont {
    margin-top: 70px;
  }

  /* line 1828, ../scss/style.scss */
  .p-bottom .cont {
    vertical-align: bottom;
    margin-bottom: 40px;
  }

  /* line 1835, ../scss/style.scss */
  .p-center .cont {
    width: 80%;
    text-align: center;
  }
  /* line 1838, ../scss/style.scss */
  .p-center .cont h2 {
    max-width: none;
  }
  /* line 1842, ../scss/style.scss */
  .p-center .cont-para {
    width: 100%;
  }
  /* line 1845, ../scss/style.scss */
  .p-center .more-btn {
    width: 60%;
  }

  /* line 1851, ../scss/style.scss */
  .p-left .cont {
    margin-left: 20px;
  }

  /* line 1855, ../scss/style.scss */
  .p-right {
    text-align: right;
  }
  /* line 1858, ../scss/style.scss */
  .p-right .cont {
    text-align: right;
    margin-left: 0;
    margin-right: 20px;
    max-width: auto;
  }
  /* line 1865, ../scss/style.scss */
  .p-right .cont .cont-title,
  .p-right .cont .cont-para,
  .p-right .cont .more-btn {
    float: right;
  }

  /* line 1875, ../scss/style.scss */
  #section-size {
    height: auto;
    position: relative;
    background-image: none;
  }
  /* line 1880, ../scss/style.scss */
  #section-size .inner {
    height: auto;
  }
  /* line 1883, ../scss/style.scss */
  #section-size:before {
    position: absolute;
    content: '';
    display: block;
    width: 407px;
    height: 380px;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-image: url("../images/bg-size.jpg");
  }
  /* line 1894, ../scss/style.scss */
  #section-size .leg {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 50%;
    margin-left: -163px;
    right: auto;
    width: auto;
    width: 407px;
    height: 380px;
    /*ul*/
    /*p*/
  }
  /* line 1904, ../scss/style.scss */
  #section-size .leg .size-list {
    top: auto;
    bottom: 0;
  }
  /* line 1909, ../scss/style.scss */
  #section-size .leg .size-info {
    font-size: 8px;
    line-height: 10px;
  }
  /* line 1914, ../scss/style.scss */
  #section-size .cont {
    height: 320px;
    margin-bottom: 400px;
    background-color: white;
  }

  /*p*/
  /* line 1921, ../scss/style.scss */
  .chose-size-btns {
    display: block;
    margin-top: 10px;
    font-size: 0;
    line-height: 40px;
    text-align: center;
    /*a*/
  }
  /* line 1926, ../scss/style.scss */
  .chose-size-btns .chose-size-btn {
    display: inline-block;
    color: black;
    font-size: 32px;
    margin-right: 0.5em;
  }
  /* line 1932, ../scss/style.scss */
  .chose-size-btns .chose-size-btn.active {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
  }

  /* section ads */
  /* line 1945, ../scss/style.scss */
  .ad-left {
    position: relative;
    display: block;
    float: none;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 85%;
    background-image: url("../images/ad-left.jpg");
    background-position: center center;
    background-size: cover;
  }
  /* line 1956, ../scss/style.scss */
  .ad-left .ad-inner {
    left: 0%;
    background-color: rgba(90, 88, 88, 0.5);
  }
  /* line 1960, ../scss/style.scss */
  .ad-left .cont {
    margin-top: 0;
    width: 70%;
    top: 0%;
    background-color: transparent;
  }

  /* line 1967, ../scss/style.scss */
  .ad-right {
    position: relative;
    display: block;
    float: right;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 85%;
    background-image: url("../images/ad-right.jpg");
    background-position: center center;
    background-size: cover;
  }
  /* line 1978, ../scss/style.scss */
  .ad-right .ad-inner {
    right: 0%;
    background-color: rgba(90, 88, 88, 0.5);
  }
  /* line 1982, ../scss/style.scss */
  .ad-right .cont {
    margin-top: 0;
    width: 70%;
    top: 0%;
    background-color: transparent;
  }

  /* line 1992, ../scss/style.scss */
  .ad-inner {
    /*p*/
    /*a*/
  }
  /* line 1993, ../scss/style.scss */
  .ad-inner .cont {
    text-align: left;
  }
  /* line 1996, ../scss/style.scss */
  .ad-inner .cont-para {
    width: 100%;
  }
  /* line 1999, ../scss/style.scss */
  .ad-inner .ad-link, .ad-inner .more-btn {
    color: white;
    border-color: white;
  }

  /* corp */
  /* line 2017, ../scss/style.scss */
  .corp-block {
    background-color: #5a5858;
    height: auto;
    overflow: hidden;
  }
  /* line 2020, ../scss/style.scss */
  .corp-block .inner:before {
    display: none;
  }
  /* line 2023, ../scss/style.scss */
  .corp-block .inner {
    height: auto;
  }

  /*h2*/
  /* line 2028, ../scss/style.scss */
  .block-title {
    display: block;
    text-align: center;
    font-size: 39px;
    color: white;
    margin-top: 40px;
  }

  /* line 2036, ../scss/style.scss */
  .corp-cont {
    display: block;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
    margin-bottom: 0px;
  }

  /*h3*/
  /* line 2046, ../scss/style.scss */
  .corp-title {
    display: block;
    text-indent: -9999px;
    width: 75px;
    height: 42.25px;
    margin-left: auto;
    margin-right: auto;
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }

  /*p*/
  /* line 2058, ../scss/style.scss */
  .corp-para {
    color: white;
    font-size: 15px;
    line-height: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
  }

  /*a*/
  /* line 2066, ../scss/style.scss */
  .corp-btn {
    display: block;
    width: 99%;
    height: 34px;
    line-height: 34px;
    font-size: 23px;
    text-align: center;
    color: white;
    border: 1px solid white;
  }

  /* line 2080, ../scss/style.scss */
  .corp-pintoli {
    float: none;
  }
  /* line 2082, ../scss/style.scss */
  .corp-pintoli .corp-title {
    background-image: url("../images/logo-2.png");
  }

  /* line 2087, ../scss/style.scss */
  .corp-tric {
    float: none;
  }
  /* line 2089, ../scss/style.scss */
  .corp-tric .corp-title {
    background-image: url("../images/logo-w.png");
  }

  /*a*/
  /* line 2094, ../scss/style.scss */
  .download-btn {
    display: block;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
    margin-top: 60px;
    color: white;
    font-size: 29px;
    line-height: 34px;
  }
  /* line 2104, ../scss/style.scss */
  .download-btn:before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 34px;
    margin-right: 8px;
    vertical-align: -4px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url("../images/cataloge-icon.png");
  }

  /* products */
  /* line 2134, ../scss/style.scss */
  .page-wrap {
    padding-top: 90px;
    min-width: 320px;
    width: 100%;
    overflow: hidden;
    padding-bottom: 0px;
  }

  /*h2*/
  /* line 2142, ../scss/style.scss */
  .page-title {
    display: block;
    text-align: center;
    font-size: 39px;
    line-height: 45px;
    margin-top: 15px;
    margin-bottom: 35px;
  }

  /*h2*/
  /* line 2151, ../scss/style.scss */
  .spec-title {
    width: 280px;
    height: 96px;
  }

  /* line 2156, ../scss/style.scss */
  .page-cont {
    width: 100%;
    min-height: 800px;
    padding-bottom: 30px;
    margin-bottom: 0px;
  }

  /* line 2166, ../scss/style.scss */
  .pd-search {
    width: 90%;
    min-width: 300px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    height: 100%;
    padding-top: 0px;
  }

  /* line 2176, ../scss/style.scss */
  .search-title {
    font-size: 27px;
  }

  /*ul*/
  /* line 2181, ../scss/style.scss */
  .search-list {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  /*li*/
  /* line 2186, ../scss/style.scss */
  .search-item {
    width: 30%;
    min-height: 126px;
    margin-bottom: 15px;
    margin-right: 4%;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    text-align: center;
    /*img*/
    /*p*/
  }
  /* line 2192, ../scss/style.scss */
  .search-item.active, .search-item:hover {
    border-color: #2ea8e1;
  }
  /* line 2195, ../scss/style.scss */
  .search-item:nth-child(3n) {
    margin-right: 0;
  }
  /* line 2199, ../scss/style.scss */
  .search-item .pd-cat-img {
    width: 90px;
    margin-top: 15px;
  }
  /* line 2203, ../scss/style.scss */
  .search-item .cat-name {
    text-align: center;
    font-size: 13px;
    line-height: 16px;
    margin-top: 0px;
    margin-bottom: 10px;
  }

  /*p*/
  /* line 2214, ../scss/style.scss */
  .search-info {
    margin-top: 30px;
    font-size: 14px;
    line-height: 24px;
  }

  /*ul*/
  /* line 2222, ../scss/style.scss */
  .color-list {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  /*li*/
  /* line 2227, ../scss/style.scss */
  .color-item {
    width: 43px;
    height: 43px;
    padding-bottom: 0;
    margin-right: 2%;
    /*a*/
  }
  /* line 2232, ../scss/style.scss */
  .color-item:nth-child(6n) {
    margin-right: 0;
  }
  /* line 2235, ../scss/style.scss */
  .color-item .color-btn {
    display: block;
  }

  /*.red-btn{
  	background-position: 0 0;
  }
  .blue-btn{
  	background-position: (-45px*1) 0;
  }
  .green-btn{
  	background-position: (-45px*2) 0;
  }
  .beige-btn{
  	background-position: (-45px*3) 0;
  }
  .yellow-btn{
  	background-position: (-45px*4) 0;
  }
  .black-btn{
  	background-position: (-45px*5) 0;
  }*/
  /*h3*/
  /* line 2268, ../scss/style.scss */
  .result-title {
    display: block;
    margin-left: 5%;
    margin-top: 50px;
    margin-bottom: 45px;
    font-size: 27px;
    color: #4e4b4b;
  }

  /*ul*/
  /* line 2279, ../scss/style.scss */
  .pd-list {
    display: block;
    width: 90%;
    min-width: 300px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
  }

  /* line 2285, ../scss/style.scss */
  .pd-item {
    width: 50%;
  }

  /*li*/
  /* line 2289, ../scss/style.scss */
  .pd-item {
    position: relative;
    display: block;
    float: left;
    min-width: 150px;
    min-height: 0px;
    max-height: 0;
    padding-bottom: 75%;
    background-size: cover;
    /*p*/
    /*p*/
    /*p*/
    /*p*/
    /*p*/
  }
  /* line 2300, ../scss/style.scss */
  .pd-item .cover a {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 0;
    text-align: center;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: liner;
    -moz-transition-timing-function: liner;
    -o-transition-timing-function: liner;
    transition-timing-function: liner;
  }
  /* line 2312, ../scss/style.scss */
  .pd-item .cover a:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
  }
  /* line 2319, ../scss/style.scss */
  .pd-item .cover a:hover {
    background-color: rgba(0, 0, 0, 0.5);
  }
  /* line 2321, ../scss/style.scss */
  .pd-item .cover a:hover .caption {
    display: none;
  }
  /* line 2327, ../scss/style.scss */
  .pd-item .caption {
    display: none;
    width: 90%;
    height: 90%;
    max-width: 280px;
    max-height: 420px;
    text-align: left;
    color: white;
    vertical-align: middle;
  }
  /* line 2337, ../scss/style.scss */
  .pd-item .pd-name {
    display: block;
    font-size: 43px;
    margin-bottom: 35px;
  }
  /* line 2342, ../scss/style.scss */
  .pd-item p {
    display: block;
    font-size: 25px;
    line-height: 40px;
  }
  /* line 2347, ../scss/style.scss */
  .pd-item .pd-class {
    display: block;
    font-size: 25px;
    line-height: 40px;
    height: 120px;
  }
  /* line 2353, ../scss/style.scss */
  .pd-item .pd-size {
    display: block;
    font-size: 25px;
    line-height: 40px;
    height: 80px;
  }
  /* line 2359, ../scss/style.scss */
  .pd-item .pd-material {
    display: block;
    font-size: 25px;
    line-height: 40px;
    height: 80px;
  }
  /* line 2365, ../scss/style.scss */
  .pd-item .pd-color {
    display: block;
    font-size: 25px;
    line-height: 40px;
    height: 80px;
  }

  /* product-page */
  /* line 2389, ../scss/style.scss */
  .pd-pics {
    display: block;
    float: none;
    width: 90%;
    min-width: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
  }

  /*ul.pics-list{
  	width: 100%;
  	display: block;
  	overflow: hidden;
  	font-size: 0;
  	text-align: center;
  	li{
  		display: inline-block;
  	}
  }*/
  /*li*/
  /* line 2411, ../scss/style.scss */
  .zoom-item {
    width: 100%;
    height: auto;
  }
  /* line 2414, ../scss/style.scss */
  .zoom-item img {
    display: block;
    width: 100%;
    height: auto;
  }

  /*li*/
  /* line 2421, ../scss/style.scss */
  .pics-item {
    width: 50%;
  }
  /* line 2423, ../scss/style.scss */
  .pics-item img {
    width: 100%;
    height: auto;
  }

  /* line 2434, ../scss/style.scss */
  .pd-info {
    display: block;
    float: none;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
    /*p*/
    /*p*/
    /*p*/
  }
  /* line 2441, ../scss/style.scss */
  .pd-info .pd-name {
    display: block;
    font-size: 28px;
    margin-bottom: 35px;
  }
  /* line 2449, ../scss/style.scss */
  .pd-info p, .pd-info .pd-class,
  .pd-info .pd-size,
  .pd-info .pd-material,
  .pd-info .pd-color {
    display: block;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 26px;
    margin-left: 3px;
  }
  /* line 2456, ../scss/style.scss */
  .pd-info .pd-para {
    font-size: 14px;
    line-height: 24px;
    margin-left: 5px;
    margin-top: 60px;
    margin-bottom: 60px;
  }

  /* article */
  /* line 2476, ../scss/style.scss */
  .article-conatiner {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  /* line 2482, ../scss/style.scss */
  .article-head-img {
    width: 100%;
    height: auto;
  }

  /*h3*/
  /* line 2489, ../scss/style.scss */
  .article-subtitle {
    font-size: 29px;
    margin-top: 42px;
    margin-bottom: 25px;
  }

  /*p*/
  /* line 2496, ../scss/style.scss */
  .article-para {
    font-size: 15px;
    line-height: 21px;
    margin-bottom: 25px;
  }

  /* form */
  /* line 2513, ../scss/style.scss */
  .form-container {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 50px;
  }

  /*h2*/
  /* line 2520, ../scss/style.scss */
  .form-title {
    font-size: 29px;
    margin-top: 15px;
    margin-bottom: 30px;
  }

  /*p*/
  /* line 2526, ../scss/style.scss */
  .form-info {
    font-size: 12px;
    line-height: 21px;
    margin-bottom: 25px;
  }

  /*form*/
  /*li*/
  /* line 2535, ../scss/style.scss */
  .form-item {
    display: block;
    margin-bottom: 20px;
  }

  /*label*/
  /* line 2539, ../scss/style.scss */
  .form-label {
    display: block;
    font-size: 18px;
    margin-bottom: 10px;
    color: black;
  }

  /* line 2547, ../scss/style.scss */
  .n-input {
    display: block;
    width: 97%;
    height: 48px;
    border: 1px solid black;
    background-color: white;
    line-height: 48px;
    font-size: 35px;
    padding-left: 2%;
  }

  /* line 2559, ../scss/style.scss */
  .form-textarea {
    display: block;
    width: 97%;
    height: 148px;
    border: 1px solid black;
    background-color: white;
    line-height: 48px;
    font-size: 35px;
    padding-left: 2%;
  }

  /*a*/
  /* line 2571, ../scss/style.scss */
  .send-btn {
    display: block;
    width: 100%;
    height: 49px;
    margin-top: 45px;
    font-size: 29px;
    line-height: 49px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  /* Retina-specific stuff here */
}